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 react-native-svg views.

import { Path } from "react-native-svg";

const AnimatedPath = Animated.createAnimatedComponent(Path);