crysfel / FoldingAnimation

Just a simple animation to fold/unfold a view component

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FoldingAnimation

Just a simple React Native animation to fold/unfold a view component. This component uses the Animated API to set three transform properties on the style.

transform: [
    { perspective: -2000 },
    { translateY: 80 },
    { rotateX: '90deg' },
],

Example

Fold/unfold animation

Run this project

  • Install React Native CLI
  • Install the depencies npm i
  • Run the app react-native run-ios

About

Just a simple animation to fold/unfold a view component

License:MIT License


Languages

Language:JavaScript 47.1%Language:Objective-C 31.9%Language:Python 12.0%Language:Java 9.1%