Rock Mobile Docs

Lottie View

A component that seamlessly displays engaging animations to enhance your mobile app's user experience.

  1. Lottie Files Gallery

Lottie Files

Lottie files are JSON-based animations. These files are lightweight, scalable, and can be rendered natively on mobile and web platforms, allowing for high-quality animations with minimal performance impact. Lottie animations can include complex animations and interactivity, making them an excellent choice for adding visual flair to your applications.

Properties

PropertyTypeDescription
SourceSourceThe source of the lottie file.
ProgressTimeSpanThe current playback progress of the animation.
RepeatCountintThe number of times to repeat the animation. Default is 0 (no repeat). A value of -1 will repeat forever.
RepeatModeRepeatModeThe way in which to repeat the animation. Default is Restart.
IsAnimationEnabledboolDetermines whether the control will play the animation provided.
AnimationCompletedCommandCommandA command that executes once the animation has completed.
AnimationCompletedCommandParameterobjectThe parameter to pass to the animation completed command.

Repeat Mode

ValueDescription
RestartRestarts the animation from the beginning.
ReverseReverses the animation from the end back to the beginning.

Examples

<Rock:LottieView Source="https://church.com/lottiefile.json"
    HeightRequest="64"
    WidthRequest="64" />