How to Running Text from right to left and back left to right repeat

[bobwatcherx]

Question

i stuck how to create running text in flet . can you give me example code

Code sample

from flet import *
import time

def main(page: Page):
    page.window_width = 300

    mytext = Text("hello", size=30, weight="bold")

    def animate_text():
        offset = 0
        while True:
            mytext.offset = transform.Offset(offset, 0)
            time.sleep(0.05)
            offset -= 1
            page.update()

    animate_text()

    page.add(
        Container(
            margin=margin.only(top=page.window_height/2),
            content=Row([mytext])
        )
    )

flet.app(target=main)

Error message

sample

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[AbdouSadou]

Hi there,
The 1st reason you cannot run this is because your animate_text() is called before the controls are added to the page. It should be called after page.add. 2nd reason, when you are defining mytext for the first time you need to initialise the offset of the text with offset = , and also use the animate_offset = parameter. Finally, running a while True loop with no break condition means you do not have full control on when to halt the function. Look at the example below where all the issues are addressed:

from flet import Page, Text, Container, margin, transform, animation, Column, app 
import time

def main(page: Page):
    page.window_width = 500
    page.window_height = 300
    page.padding = 20
    page.window_center()


    duration_in_sec = 1


    mytext_1 = Text(value="Smooth movement",
                    size=15,
                    weight="bold",
                    offset=transform.Offset(0, 0),
                    animate_offset=animation.Animation(duration_in_sec*1000))

    mytext_2 = Text(value="Movement with Pauses",
                    size=15,
                    weight="bold",
                    offset=transform.Offset(0, 0),
                    animate_offset=animation.Animation(duration_in_sec*1000))

    def animate_text_1(when_to_stop):
        offset = 0
        while offset<= when_to_stop:
            mytext_1.offset = transform.Offset(offset, 0)
            time.sleep(duration_in_sec)
            offset += 1
            mytext_1.update()

    def animate_text_2(when_to_stop):
        offset = 0
        while offset<= when_to_stop:
            mytext_2.offset = transform.Offset(offset, 0)
            time.sleep(duration_in_sec*1.5)
            offset += 1
            mytext_2.update()

    page.add(Container(
                margin=margin.only(top=page.window_height/2),
                content=Column([mytext_1, mytext_2]),
                )
            )

    animate_text_1(when_to_stop=2)

    animate_text_2(when_to_stop=2)

app(target=main)

[bobwatcherx]

how to to text not back again from left to right .
and disappears when it's walking to the left and reappears from the right. like a marquee direction in html

my code

from flet import *
import time

def main(page: Page):
    mytext = Text("Welcome Back to my Channel",
        size=25, weight="bold",
        offset=transform.Offset(3, 0),
        animate_offset=animation.Animation(800)
    )

    def move_text():
        page.controls[0].content.controls.append(mytext)
        page.update()
        offset = 3
        direction = 0.5
        while True:
            mytext.offset = transform.Offset(offset, 0)
            time.sleep(0.8)

            offset -= direction
            print("fff", offset)
            if offset < -2:
                page.controls[0].content.controls.clear()
                page.controls[0].content.controls.append(mytext)
                mytext.update()
                offset = 3
                continue

            mytext.update()

    page.add(
        Container(
            width=page.window_width,
            height=50,
            padding=10,
            bgcolor="blue",
            content=Row([mytext])
        )
    )

    move_text()

flet.app(target=main)