In React Native, Animated APIs are used to create animations.

In Flutter, use the Animation
class and the AnimationController class.
Animation is an abstract class that understands its
current value and its state (completed or dismissed).
The AnimationController class lets you
play an animation forward or in reverse,
or stop animation and set the animation
to a specific value to customize the motion.

How do I add a simple fade-in animation?

In the React Native example below, an animated component,
FadeInView is created using the Animated API.
The initial opacity state, final state, and the
duration over which the transition occurs are defined.
The animation component is added inside the Animated component,
the opacity state fadeAnim is mapped
to the opacity of the Text component that we want to animate,
and then, start() is called to start the animation.

// React Native

class

FadeInView

extends

React

Component