Skip to main content

Lottie

Lottie is a component for displaying Lottie animations.

Usage​

<Lottie 
  source={{ uri: 'https://assets.example.com/animations/animation.json' }}
  autoPlay={true}
  loop={true}
/>

Props​

source​

Type: string | { uri: string } | any Required: true

The animation source. Can be a local require, URI, or animation data.

progress​

Type: number

Controls the animation progress manually (0-1).

autoPlay​

Type: boolean Default: false

Whether to start playing automatically.

loop​

Type: boolean Default: false

Whether to loop the animation.

speed​

Type: number Default: 1

Animation playback speed multiplier.