Course Menu

Animated.createAnimatedComponent

createAnimatedComponent

Animated ships with 3 default views. Animated.View, Animated.Text, and Animated.Image. However in some cases you may want to turn a component into an Animated component so it can take advantage of Animated.Value in it's styles or properties.

Example ScrollView

const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);

It will work on any View, even ReactART views.

import { Shape } from "@react-native-community/art";

const AnimatedShape = Animated.createAnimatedComponent(Shape);