├── .expo-shared └── assets.json ├── .gitignore ├── .svgrrc ├── App.tsx ├── LICENSE ├── README.md ├── app.json ├── assets ├── adaptive-icon.png ├── favicon.png ├── icon.png └── splash.png ├── babel.config.aliases.js ├── babel.config.js ├── declarations.d.ts ├── metro.config.js ├── package.json ├── src ├── assets │ ├── img │ │ ├── app-icons │ │ │ ├── AppStore.png │ │ │ ├── Calculator.png │ │ │ ├── Calendar.png │ │ │ ├── Camera.png │ │ │ ├── Clock.png │ │ │ ├── Compass.png │ │ │ ├── Facetime.png │ │ │ ├── Find My.png │ │ │ ├── FindMy.png │ │ │ ├── GarageBand.png │ │ │ ├── Home.png │ │ │ ├── Measure.png │ │ │ ├── Messages.png │ │ │ ├── News.png │ │ │ ├── Notes.png │ │ │ ├── Phone.png │ │ │ ├── Photos.png │ │ │ ├── Safari.png │ │ │ ├── Settings.png │ │ │ ├── TestFlight.png │ │ │ ├── Wallet.png │ │ │ ├── Weather.png │ │ │ └── iTunes.png │ │ └── wallpaper.jpg │ └── svg │ │ ├── chevron-right.svg │ │ ├── e-letter.svg │ │ ├── github.svg │ │ ├── link.svg │ │ ├── message.svg │ │ ├── michrophone.svg │ │ └── search.svg ├── components │ ├── AnimatedInput │ │ ├── AnimatedInput.hooks.ts │ │ ├── AnimatedInput.styles.ts │ │ ├── AnimatedIntput.tsx │ │ ├── CancelButton.tsx │ │ └── index.ts │ ├── AppItem │ │ ├── AppItem.constants.ts │ │ ├── AppItem.styles.ts │ │ ├── AppItem.tsx │ │ └── index.ts │ ├── Footer │ │ ├── Footer.tsx │ │ └── index.ts │ ├── SwipeableProvider │ │ ├── SwipeableProvider.styles.ts │ │ ├── SwipeableProvider.tsx │ │ └── index.ts │ ├── Text.tsx │ ├── Wallpaper.tsx │ └── WidgetItem │ │ ├── WidgetItem.constants.ts │ │ ├── WidgetItem.styles.ts │ │ ├── WidgetItem.tsx │ │ └── index.ts ├── configs │ ├── horizontalGestureCalculations.ts │ └── verticalGestureCalculations.ts ├── constants │ ├── animation.ts │ ├── apps.ts │ ├── theme.ts │ └── ui.ts ├── hooks │ ├── useGestureHandler.ts │ └── useSwipeableProvider.ts ├── screens │ ├── Home │ │ ├── Home.tsx │ │ └── index.ts │ └── Search │ │ ├── AnimatedProvider.tsx │ │ ├── LeftSearch.tsx │ │ ├── RightSearch.tsx │ │ ├── Search.styles.ts │ │ ├── Search.tsx │ │ ├── SearchContent.tsx │ │ ├── components │ │ ├── LeftSearchContent.styles.tsx │ │ └── LeftSearchContent.tsx │ │ └── index.ts └── utils │ └── swipeableGestureHandlers.ts ├── tsconfig.json └── yarn.lock /.expo-shared/assets.json: -------------------------------------------------------------------------------- 1 | { 2 | "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true, 3 | "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true 4 | } 5 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .expo/ 3 | dist/ 4 | npm-debug.* 5 | *.jks 6 | *.p8 7 | *.p12 8 | *.key 9 | *.mobileprovision 10 | *.orig.* 11 | web-build/ 12 | 13 | # macOS 14 | .DS_Store 15 | -------------------------------------------------------------------------------- /.svgrrc: -------------------------------------------------------------------------------- 1 | { 2 | "memo": true, 3 | "native": true, 4 | "replaceAttrValues": { 5 | "fill": "{props.fill}", 6 | "stroke": "{props.stroke}" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /App.tsx: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from "react-native"; 2 | 3 | import { StatusBar } from "expo-status-bar"; 4 | import { SafeAreaProvider } from "react-native-safe-area-context"; 5 | 6 | import Wallpaper from "@react-native-ios/components/Wallpaper"; 7 | import Footer from "@react-native-ios/components/Footer/Footer"; 8 | import SwipeableProvider from "@react-native-ios/components/SwipeableProvider"; 9 | import { GestureHandlerRootView } from "react-native-gesture-handler"; 10 | import { Page1, Page2 } from "@react-native-ios/screens/Home"; 11 | 12 | export default function App() { 13 | return ( 14 | 15 | 16 | 17 | 18 | , ]} /> 19 |