text sliding like news ticker with flet

[pamraman2009]

I want text sliding like news ticker with flet please share sample code if it is possible with flet

[jjjunehkim]

You can make text sliding by using Properties<"offset", "animate_offset", "on_animation_end"> in Container.

import flet as ft
import time

def main(page: ft.Page):

def reset_animation_container(e):
    sliding_text_container.animate_offset.duration = 0
    sliding_text_container.offset = ft.transform.Offset(1 , 0)
    sliding_text_container.update()
    time.sleep(0.1)

    animation_container()

def animation_container():
    sliding_text_container.animate_offset.duration = 18000
    sliding_text_container.offset = ft.transform.Offset(-1, 0)
    sliding_text_container.update()

sling_text = ft.Text(
                    value = "Hello, Testing sliding text.",
                    text_align = "center",
                    no_wrap = True,
                    size = 50,
                    weight=ft.FontWeight.W_500,
                    color = ft.colors.BLACK87,
)

sliding_text_container =  ft.Container(
                            offset=ft.transform.Offset(1, 0),
                            animate_offset=ft.animation.Animation(duration = 18000), 
                            on_animation_end = lambda e: reset_animation_container(e.data),
                            content = sling_text,
                            width = 1000
)          

main_container = ft.Container(
                            alignment = ft.alignment.center,  
                            border_radius=10,
                            height= 100,
                            width = 1000,
                            bgcolor = ft.colors.PINK_200,
                            content = ft.Row(
                                        controls = [
                                            sliding_text_container    
                                        ]
                            )
)


page.add(
        main_container
)

time.sleep(0.5)

animation_container()

ft.app(target=main)