Skip to main content

Lottie

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

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',
repeat=False,
reverse=False,
animate=True
)
)

ft.app(target=main)

Properties

animate

Whether the animation should be played automatically. Default value is 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 enum and can be one of the following: NONE, LOW, MEDIUM or HIGH. More details on each here.

fit

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

Property value is ImageFit enum with supported values: NONE, CONTAIN, COVER, FILL, FIT_HEIGHT, FIT_WIDTH, SCALE_DOWN.

repeat

Whether the animation should repeat in a loop. Default value is True.

Has no effect if animate is False.

reverse

Whether the animation should be played in reverse (from start to end and then continuously from end to start). Default value is False.

Has no effect if animate and repeat are False.

src

The source of the Lottie file. Can be a URL or a local asset file. See Image.src for more information about assets.

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.