Skip to main content

AnimationValue

AnimationValue can be one of the following:

  • bool - True to enable chart animation with LINEAR curve and 1000 milliseconds duration.
  • int - enables chart animation with LINEAR curve and specified number of milliseconds.
  • ft.Animation(duration: int, curve: AnimationCurve) - enables chart animation with specified duration and transition curve of AnimationCurve type.

If animate is None then LINEAR animation with 150 milliseconds duration is enabled by default.

Example of usage

import flet as ft

def main(page: ft.Page):

c = ft.Container(
width=200,
height=200,
bgcolor="red",
animate=ft.animation.Animation(1000, ft.AnimationCurve.BOUNCE_OUT),
)

def animate_container(e):
c.width = 100 if c.width == 200 else 200
c.height = 100 if c.height == 200 else 200
c.bgcolor = "blue" if c.bgcolor == "red" else "red"
c.update()

page.add(c, ft.ElevatedButton("Animate container", on_click=animate_container))

ft.app(target=main)