A simple react native state tween animation module.
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(() => {});
}
});