? Wave ?

React Native animation library.

View Documentation Download Source

Getting started

npm i react-native-wave --save

Animation examples

Screenshot Screenshot
Screenshot Screenshot

Usage

An example including the suported methods. Check the docs to learn more on how to build your animations.

import React, {Component} from 'react'
import {
  View,
  Easing
} from 'react-native'
import Card from './app/components/Card'
import {Wave, Animate} from 'react-native-wave'

const AnimatedCard = Wave(Card)
  .applyAnimation(Animate.marginBottom, 0, 60, 500, AnimationType.timing, Easing.elastic(5))
  .applyAnimation(Animate.opacity, 0, 1, 500, AnimationType.spring)
  .applyAnimationType(AnimationType.spring)
  .applyEasing(Easing.bounce())
  .applyDecayVelocity(0.07)
  .applyComposition(Composing.parallel)
  .animate()

export default class App extends Component {
  render() {
    return (
      <View>
        {AnimatedCard}
      </View>
    )
  }
}

GitHub