React Native Motion
Change your application from the left one to the right one! Animate it! Easily! Animated Transition Article or Animated Graph Article
Getting Started
$ yarn add react-native-motion
Usage of SharedElement
We need to specify source and destination for shared element. This library then will move the shared element from source position to destination position.
{ return <SharedElementRenderer> <App /> </SharedElementRenderer> ; }
// List items page with source of SharedElement; { return <SharedElement id="source"> <View>listItemNode</View> </SharedElement> ; }
// Detail page with a destination shared element; { return <SharedElement sourceId="source"> <View>listItemNode</View> </SharedElement> ; }
Playground for react-native-motion library
- react-native-motion-playground repository
- expo app
Author
- Let me help you with animations in React Native 🤙
- Facebook Group about animation in React Native
- Publication about animation in React Native 🚗
- Personal Medium Account about programming 😍
- Subscribe a blog 📝
- Follow me on Twitter 🐦
Jiri Otahal |
---|