Lottie Widget is supported only in React Native applications in WaveMaker.
Lottie Widget Properties
|Name||The name is a unique identifier for the video widget.|
|Source||Location of the Lottie animation JSON file.|
|Width||The width of your widget can be specified in px or % (i.e 50px, 75%).|
|Height||The height of your widget can be specified in px or % (i.e 50px, 75%).|
|Show||Showing determines whether or not a component is visible.|
|Enable Autoplay||This property allows you to enable if and how the author thinks the animation should be loaded when the page loads.|
|Loop||This property allows you to enable that the animation will start over again, every time it is finished.|
|Speed||Set the control of speed. By default, speed is 1. Negative values of speed will make animation to run in reverse direction.|
Lottie Widget Methods for Animation Control
- Start/Resume Animation:
- Stop/Pause Animation:
- Restart Animation:
These methods provide control over the playback of the animation using the Lottie widget.
The following events are available on the Lottie widget.
|On Ready||This property defines the event handler to be called when the animation is loaded and is ready to play.|
|On Pause||This property defines the event handler to be called when the animation is paused.|
|On Play||This property defines the event handler to be called when the animation is played or resumed.|
|On Complete||This property defines the event handler to be called when the animation is completed.|