https://github.com/henninghall/react-native-animation-libraries-comparison
Comparing an expandable card animation with different React Native animation libraries
https://github.com/henninghall/react-native-animation-libraries-comparison
Last synced: 8 months ago
JSON representation
Comparing an expandable card animation with different React Native animation libraries
- Host: GitHub
- URL: https://github.com/henninghall/react-native-animation-libraries-comparison
- Owner: henninghall
- Created: 2020-06-10T21:25:12.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T23:39:11.000Z (almost 3 years ago)
- Last Synced: 2025-03-28T01:53:29.908Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 3.14 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Comparing React Native animation libraries
Comparing an expandable card animation with the following libs:
- Animated
- Layout Animation
- Reanimated 1
- Reanimated 2

## Installation
```bash
yarn
npx pod-install
react-native run-ios
```
## Usage
Toggle the "heavy load"-switch to make a basic performance comparison. When enabled, many additional invisible views are rendered within the card. This makes the performance difference between a native and a js driven animation obvious.
The default Animated library does not support native driven animations for properties such as height. The other libs does support native driven animations.