Skip to main content

Lottie Animations

For some of our animations we use Lottie animations. You'll need Lottie as a native dependency. We created LottieAnimation component that allows to send json animations and render them.

How?

import {LottieAnimation, Assets, Colors} from '@wix/wix-react-native-ui-lib';

<LottieAnimation
source={Assets.animations.check}
color={Colors.blue30}
loop={true}
width={50}
height={100}
onEndAnimation={() => {}}
/>

! animations (from Assets) will usually come with their own recommended configuration so no params other than source is needed unless you want custom behavior.