Skip to main content

Lottie

Displays an animation from a Lottie file (URL or local file).

Packaging

To build your Flet app that uses Lottie control add --include-packages flet_lottie to flet build command, for example:

flet build apk --include-packages flet_lottie

Examples​

import flet as ft

def main(page: ft.Page):
    page.add(
        ft.Lottie(
            src='https://raw.githubusercontent.com/xvrh/lottie-flutter/master/example/assets/Mobilo/A.json',
            reverse=False,
            animate=True
        )
    )

ft.app(main)

Properties​

animate​

Whether the animation should be played automatically.

Defaults to True.

background_loading​

Whether the animation should be loaded in the background.

filter_quality​

The quality of the image layer.

Value is of type FilterQuality and defaults to FilterQuality.LOW.

fit​

How to inscribe the Lottie composition into the space allocated during layout.

Value is of type ImageFit.

repeat​

Whether the animation should repeat in a loop. Has no effect if animate is False.

Defaults to True.

reverse​

Whether the animation should be played in reverse (from start to end and then continuously from end to start). Has no effect if animate and repeat are False.

Defaults to False.

src​

The source of the Lottie file. Can be a URL or a local asset file.

src_base64​

The base64 encoded string of the Lottie file. Either this or src must be provided. If both are provided, src_base64 will be prioritized/used.

Events​

on_error​

Fires when an error occurs while loading the Lottie file.