3
Legend Motion: A declarative animations library for React Native
source link: https://reactnativeexample.com/legend-motion-a-declarative-animations-library-for-react-native/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Legend Motion
Legend Motion is a declarative animations library for React Native, to make it easy to transition between styles without needing to manage animations.
npm install @legendapp/motion or yarn add @legendapp/motion
import { Motion } from "@legendapp/motion"
<Motion.View
initial={{ scale: 0.5 }}
animate={{ scale: value ? 1 : 0.5 }}
/>Highlights
- ✨ Supports react-native and react-native-web
- ✨ API similar to Framer Motion for easy mixing of React Native Web with React
- ✨ Supports animating SVG and linear gradient
- ✨ Supports transformOrigin
- ✨ 0 dependencies using the built-in Animated
- ✨ Built for maximum performance
- ✨ Strongly typed with TypeScript
📖 Docs
The full documentation with live examples is on our website.
👩⚖️ License
GitHub
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK