├── .gitignore ├── README.md ├── header-animation ├── .expo-shared │ └── assets.json ├── .gitignore ├── .watchmanconfig ├── App.tsx ├── app.json ├── assets │ ├── card-bg.png │ ├── card-bg@2x.png │ ├── card-bg@3x.png │ ├── icon.png │ ├── splash.png │ └── svg │ │ ├── calendar.svg │ │ ├── deposit.svg │ │ ├── dollar.svg │ │ ├── menu-bar.svg │ │ ├── money.svg │ │ ├── restaurant.svg │ │ ├── shopping-bag.svg │ │ ├── sim-card.svg │ │ └── visa.svg ├── babel.config.js ├── package.json ├── src │ ├── Navigation.tsx │ ├── cardsList.js │ ├── colors.js │ ├── components │ │ ├── Card │ │ │ └── index.tsx │ │ ├── CardHeader │ │ │ └── index.tsx │ │ ├── Cards │ │ │ └── index.tsx │ │ ├── CreditCard │ │ │ └── index.tsx │ │ ├── Header │ │ │ └── index.tsx │ │ └── Status │ │ │ └── index.tsx │ ├── helpers.tsx │ └── lists.js ├── tsconfig.json └── yarn.lock └── twitter-ui ├── .gitignore ├── .watchmanconfig ├── App.tsx ├── app.json ├── assets ├── background.jpg ├── icon.png ├── me.jpg └── splash.png ├── babel.config.js ├── components ├── Drawer.tsx ├── MenuItem.tsx └── Tweets.tsx ├── modules ├── Model.tsx └── generator.tsx ├── navigations └── default.tsx ├── package.json ├── screens ├── Home.tsx ├── Lists.tsx ├── Messages.tsx ├── Moments.tsx ├── Notifications.tsx ├── Profile.tsx ├── Search.tsx ├── Settings.tsx └── Signets.tsx ├── tsconfig.json └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | .vscode 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/README.md -------------------------------------------------------------------------------- /header-animation/.expo-shared/assets.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/.expo-shared/assets.json -------------------------------------------------------------------------------- /header-animation/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/.gitignore -------------------------------------------------------------------------------- /header-animation/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /header-animation/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/App.tsx -------------------------------------------------------------------------------- /header-animation/app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/app.json -------------------------------------------------------------------------------- /header-animation/assets/card-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/card-bg.png -------------------------------------------------------------------------------- /header-animation/assets/card-bg@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/card-bg@2x.png -------------------------------------------------------------------------------- /header-animation/assets/card-bg@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/card-bg@3x.png -------------------------------------------------------------------------------- /header-animation/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/icon.png -------------------------------------------------------------------------------- /header-animation/assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/splash.png -------------------------------------------------------------------------------- /header-animation/assets/svg/calendar.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/calendar.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/deposit.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/deposit.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/dollar.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/dollar.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/menu-bar.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/menu-bar.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/money.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/money.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/restaurant.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/restaurant.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/shopping-bag.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/shopping-bag.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/sim-card.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/sim-card.svg -------------------------------------------------------------------------------- /header-animation/assets/svg/visa.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/assets/svg/visa.svg -------------------------------------------------------------------------------- /header-animation/babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/babel.config.js -------------------------------------------------------------------------------- /header-animation/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/package.json -------------------------------------------------------------------------------- /header-animation/src/Navigation.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/Navigation.tsx -------------------------------------------------------------------------------- /header-animation/src/cardsList.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/cardsList.js -------------------------------------------------------------------------------- /header-animation/src/colors.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/colors.js -------------------------------------------------------------------------------- /header-animation/src/components/Card/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/components/Card/index.tsx -------------------------------------------------------------------------------- /header-animation/src/components/CardHeader/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/components/CardHeader/index.tsx -------------------------------------------------------------------------------- /header-animation/src/components/Cards/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/components/Cards/index.tsx -------------------------------------------------------------------------------- /header-animation/src/components/CreditCard/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/components/CreditCard/index.tsx -------------------------------------------------------------------------------- /header-animation/src/components/Header/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/components/Header/index.tsx -------------------------------------------------------------------------------- /header-animation/src/components/Status/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/components/Status/index.tsx -------------------------------------------------------------------------------- /header-animation/src/helpers.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/helpers.tsx -------------------------------------------------------------------------------- /header-animation/src/lists.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/src/lists.js -------------------------------------------------------------------------------- /header-animation/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/tsconfig.json -------------------------------------------------------------------------------- /header-animation/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/header-animation/yarn.lock -------------------------------------------------------------------------------- /twitter-ui/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/.gitignore -------------------------------------------------------------------------------- /twitter-ui/.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /twitter-ui/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/App.tsx -------------------------------------------------------------------------------- /twitter-ui/app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/app.json -------------------------------------------------------------------------------- /twitter-ui/assets/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/assets/background.jpg -------------------------------------------------------------------------------- /twitter-ui/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/assets/icon.png -------------------------------------------------------------------------------- /twitter-ui/assets/me.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/assets/me.jpg -------------------------------------------------------------------------------- /twitter-ui/assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/assets/splash.png -------------------------------------------------------------------------------- /twitter-ui/babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/babel.config.js -------------------------------------------------------------------------------- /twitter-ui/components/Drawer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/components/Drawer.tsx -------------------------------------------------------------------------------- /twitter-ui/components/MenuItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/components/MenuItem.tsx -------------------------------------------------------------------------------- /twitter-ui/components/Tweets.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/components/Tweets.tsx -------------------------------------------------------------------------------- /twitter-ui/modules/Model.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/modules/Model.tsx -------------------------------------------------------------------------------- /twitter-ui/modules/generator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/modules/generator.tsx -------------------------------------------------------------------------------- /twitter-ui/navigations/default.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/navigations/default.tsx -------------------------------------------------------------------------------- /twitter-ui/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/package.json -------------------------------------------------------------------------------- /twitter-ui/screens/Home.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Home.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Lists.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Lists.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Messages.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Messages.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Moments.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Moments.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Notifications.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Notifications.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Profile.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Profile.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Search.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Search.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Settings.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Settings.tsx -------------------------------------------------------------------------------- /twitter-ui/screens/Signets.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/screens/Signets.tsx -------------------------------------------------------------------------------- /twitter-ui/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/tsconfig.json -------------------------------------------------------------------------------- /twitter-ui/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mckenziearts/react-native-ui-examples/HEAD/twitter-ui/yarn.lock --------------------------------------------------------------------------------