how to make custom loading?

[BigNeutronStar]

Question

how to make custom loading (i have processRing now)? I want to use gif as loading in my flet project. What should I do?

Code sample

class Loading(Page):
    def __init__(self, page: ft.Page):
        super().__init__(page)
        self.page = page
        self.controls = [
            ft.Container(
                content=ft.Row(
                    [
                        ft.Column(
                            [
                                ft.ProgressRing(),
                                ft.Text("loading"),
                            ],
                            alignment=ft.MainAxisAlignment.CENTER,
                            horizontal_alignment=ft.CrossAxisAlignment.CENTER,
                            expand=True,
                        )
                    ],
                    alignment=ft.MainAxisAlignment.CENTER,
                    vertical_alignment=ft.CrossAxisAlignment.CENTER,
                    expand=True,
                ),
                alignment=ft.alignment.center,
                expand=True,
            )
        ]

Error message

i don't have an error

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

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

[ndonkoHenri]

Use the Image Control.
I think it supports gif files.

[BigNeutronStar]

here's a link on gif: https://github.com/BigNeutronStar/GIF

[ndonkoHenri]

The following code works:

import flet as ft


def main(page: ft.Page):
    page.add(
        ft.Image(
            src="https://github.com/BigNeutronStar/GIF/blob/main/custom_loading.gif?raw=true"
        )
    )


ft.app(target=main)

[BigNeutronStar]

bro i'll test it on my pc but thank you so much!

[BigNeutronStar]

The following code works:

import flet as ft


def main(page: ft.Page):
    page.add(
        ft.Image(
            src="https://github.com/BigNeutronStar/GIF/blob/main/custom_loading.gif?raw=true"
        )
    )


ft.app(target=main)

listen, I tried to add it to the project, the gif appeared, but errors also appeared related to other modules of the project (and it’s not clear why they appeared, because before the changes everything worked fine and the errors were not related to the gif)

there is class for loading:
class Loading(Page):
def init(self, page: ft.Page):
super().init(page)
self.page = page
self.controls = [
ft.Container(
content=ft.Row(
[
ft.Column(
[
ft.Image(
src="https://github.com/BigNeutronStar/GIF/blob/main/custom_loading.gif?raw=true",
width=100,
height=100,
fit=ft.ImageFit.CONTAIN,
),
ft.Text("loading"),
],
alignment=ft.MainAxisAlignment.CENTER,
horizontal_alignment=ft.CrossAxisAlignment.CENTER,
expand=True,
)
],
alignment=ft.MainAxisAlignment.CENTER,
vertical_alignment=ft.CrossAxisAlignment.CENTER,
expand=True,
),
alignment=ft.alignment.center,
expand=True,
)
]

and i have this error:

[BigNeutronStar]

stop. It is my error in databases, i'll try to fix it