├── .flowconfig ├── .gitignore ├── .watchmanconfig ├── App.js ├── README.md ├── app.json ├── assets ├── Final - Without animation.gif ├── Final.gif ├── icon.png └── splash.png ├── babel.config.js ├── inspiration.gif ├── package.json ├── src ├── animations │ ├── SharedElement.js │ ├── SharedElementRenderer.js │ ├── Transform.js │ ├── TranslateYAndOpacity.js │ └── translateAndOpacity.js ├── assets │ ├── 1.png │ ├── 2.png │ ├── 3.jpeg │ ├── 4.jpeg │ └── index.js ├── components │ ├── ListItem │ │ ├── Avatar.js │ │ ├── Content.js │ │ ├── Header.js │ │ ├── ListItem.js │ │ └── index.js │ ├── Row.js │ └── index.js ├── data │ └── data.js ├── screens │ ├── Detail │ │ ├── BottomBar.js │ │ ├── Button.js │ │ ├── Detail.js │ │ ├── Toolbar.js │ │ └── ToolbarBackground.js │ └── List │ │ ├── BottomBar.js │ │ ├── List.js │ │ └── Toolbar.js └── utils │ ├── getPlatformElevation.android.js │ ├── getPlatformElevation.ios.js │ └── index.js └── yarn.lock /.flowconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/.flowconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/.gitignore -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/App.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/README.md -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/app.json -------------------------------------------------------------------------------- /assets/Final - Without animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/assets/Final - Without animation.gif -------------------------------------------------------------------------------- /assets/Final.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/assets/Final.gif -------------------------------------------------------------------------------- /assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/assets/icon.png -------------------------------------------------------------------------------- /assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/assets/splash.png -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/babel.config.js -------------------------------------------------------------------------------- /inspiration.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/inspiration.gif -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/package.json -------------------------------------------------------------------------------- /src/animations/SharedElement.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/animations/SharedElement.js -------------------------------------------------------------------------------- /src/animations/SharedElementRenderer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/animations/SharedElementRenderer.js -------------------------------------------------------------------------------- /src/animations/Transform.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/animations/Transform.js -------------------------------------------------------------------------------- /src/animations/TranslateYAndOpacity.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/animations/TranslateYAndOpacity.js -------------------------------------------------------------------------------- /src/animations/translateAndOpacity.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/animations/translateAndOpacity.js -------------------------------------------------------------------------------- /src/assets/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/assets/1.png -------------------------------------------------------------------------------- /src/assets/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/assets/2.png -------------------------------------------------------------------------------- /src/assets/3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/assets/3.jpeg -------------------------------------------------------------------------------- /src/assets/4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/assets/4.jpeg -------------------------------------------------------------------------------- /src/assets/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/assets/index.js -------------------------------------------------------------------------------- /src/components/ListItem/Avatar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/ListItem/Avatar.js -------------------------------------------------------------------------------- /src/components/ListItem/Content.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/ListItem/Content.js -------------------------------------------------------------------------------- /src/components/ListItem/Header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/ListItem/Header.js -------------------------------------------------------------------------------- /src/components/ListItem/ListItem.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/ListItem/ListItem.js -------------------------------------------------------------------------------- /src/components/ListItem/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/ListItem/index.js -------------------------------------------------------------------------------- /src/components/Row.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/Row.js -------------------------------------------------------------------------------- /src/components/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/components/index.js -------------------------------------------------------------------------------- /src/data/data.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/data/data.js -------------------------------------------------------------------------------- /src/screens/Detail/BottomBar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/Detail/BottomBar.js -------------------------------------------------------------------------------- /src/screens/Detail/Button.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/Detail/Button.js -------------------------------------------------------------------------------- /src/screens/Detail/Detail.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/Detail/Detail.js -------------------------------------------------------------------------------- /src/screens/Detail/Toolbar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/Detail/Toolbar.js -------------------------------------------------------------------------------- /src/screens/Detail/ToolbarBackground.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/Detail/ToolbarBackground.js -------------------------------------------------------------------------------- /src/screens/List/BottomBar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/List/BottomBar.js -------------------------------------------------------------------------------- /src/screens/List/List.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/List/List.js -------------------------------------------------------------------------------- /src/screens/List/Toolbar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/screens/List/Toolbar.js -------------------------------------------------------------------------------- /src/utils/getPlatformElevation.android.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/utils/getPlatformElevation.android.js -------------------------------------------------------------------------------- /src/utils/getPlatformElevation.ios.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/utils/getPlatformElevation.ios.js -------------------------------------------------------------------------------- /src/utils/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/src/utils/index.js -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xotahal/react-native-motion-playground/HEAD/yarn.lock --------------------------------------------------------------------------------