Interface IAnimationEasing

export class AnimatedComponent extends React.PureComponent { private value: Animated.Value = new Animated.Value(0);

componentDidMount(): void { const animate = () => { Animated.sequence([ Animated.timing(this.value, { toValue: 10, duration: theme.constants.animation.timing.normal, easing: theme.constants.animation.easing.normal, useNativeDriver: true, }), Animated.timing(this.value, { toValue: -10, duration: theme.constants.animation.timing.normal, easing: theme.constants.animation.easing.normal, useNativeDriver: true, }), ]).start(({ finished }) => { if (finished) { animate(); } }); }; animate(); }

componentWillUnmount(): void { this.value.stopAnimation(); }

render(): React.ReactNode { return (<Animated.View style={{ transform: [{translateX: this.value }]}}); } } `

see

AnimationEasing

see

https://easings.net/