react-native-tween-animation

A simple react native state tween animation module.

Usage

var animation = new RNTAnimation({
 
  // Start state
  start: {
    top: this.state.position.top,
    left: this.state.position.left
  },
 
  // End state
  end: {
    top: 0,
    left: 0
  },
 
  // Animation duration
  duration: 500,
 
  // Tween function
  tween: 'easeOutBack',
 
  // Update the component's state each frame
  frame: (tweenFrame) => {
    this.setState({
      position: tweenFrame
    });
  },
 
  // Optional callback
  done: () => {
 
    console.log('All done!');
 
    // Optionally reverse the animation
    animation.reverse(() => {});
  }
});