How to use Container.image.src and Container.image.fit instead of image_src?

Question

In Flet of Python that uses Flutter UI controls, I used the image_src and image_fit but my terminal says they are deprecated.

ft.Container(
                    expand=3,
                    image_src="assets/splash.png",
                    image_fit="cover",
                    content=ft.Column(
                        alignment=ft.MainAxisAlignment.CENTER,
                        controls=[
                            ft.Icon(ft.icons.LOCK_PERSON_ROUNDED, size=100),
                            ft.Text(
                                "Welcome Back",
                                color=ft.colors.BLUE_900,
                                size=40,
                                weight=ft.FontWeight.BOLD,
                            )
                        ]
                    )
                ),

Do you have some example using Container.image.src and Container.image.fit? So far, my program works but I have these warnings:

_src is deprecated since version 0.24.0 and will be removed in version 0.27.0. Use Container.image.src instead.
_fit is deprecated since version 0.24.0 and will be removed in version 0.27.0. Use Container.image.fit instead.
  self.image_fit = image_fit

I'm new to Flet after coming from customtkinter and beeware.

I tried

ft.Container(
                    expand=3,
                    # image_src="assets/splash.png",
                    # image_fit="cover",
                    image=ft.Image(
                        src="assets/splash.png",
                        fit="cover"
                    ),
                    content=ft.Column(
                        alignment=ft.MainAxisAlignment.CENTER,
                        controls=[
                            ft.Icon(ft.icons.LOCK_PERSON_ROUNDED, size=100),
                            ft.Text(
                                "Welcome to EyeQSoft",
                                color=ft.colors.BLUE_900,
                                size=40,
                                weight=ft.FontWeight.BOLD,
                            )
                        ]
                    )
                ),

but the

image=ft.Image(
                 src="assets/splash.png",
                 fit="cover"
              ),

does not show the image.

Jeremy Caney · Accepted Answer · 2024-10-29 02:10:43Z

2

For me it worked that way:

image=ft.DecorationImage(
    src='assets/splash.png',
    fit=ft.ImageFit.COVER,
)

edited Oct 29, 2024 at 2:10

Jeremy Caney

7,808115 gold badges58 silver badges86 bronze badges

answered Oct 25, 2024 at 12:39

t00ee

211 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Lexthunder Over a year ago

It worked. Thank you!

Collectives™ on Stack Overflow

How to use Container.image.src and Container.image.fit instead of image_src?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related