how to make your image full screen?

[Ambassador-of-programming]

Question

I want to make my image as the background of the program and stretch it to the whole screen and how can I do it?

Code sample

import flet as ft

async def start():

    gif = ft.Image(
        src="image/3ZSH.gif",
        width='100vw',
        height='100vw',
        fit=ft.ImageFit.CONTAIN,

    )

    text = ft.Text(
        "Моя статистика",
        size=30,
    )

    stack = ft.Stack(
        [gif, text],
        width="100vw",
        height="100vh",
        
    )

    return stack

Error message

No response

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

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

[Vallekralle]

Hi Ambassador-of-programming,

You can add a Container to the page and set the parameter: expand=True.

Example:

page.add(
    Container(
        image_src='<IMAGE_URL>',
        image_fit=ImageFit.COVER,
        expand=True,
        content=Control()
    )
)

Stay safe and have fun programming!

[Vallekralle]

Does it work now?

Stay safe,
Vallekralle

[Ambassador-of-programming]

Yes it works but the picture does not fill the entire screen and the edges remain background.

[Ambassador-of-programming]

import flet as ft
from flet import Container, ImageFit, Control

def main(page: ft.Page):
  page.title = "Кыргыз тилиндеги жасалма акыл-эс" 
  page.theme_mode = ft.ThemeMode.DARK
  page.bgcolor = '#37A1A9'
  page.add(
    Container(
      image_src='image/3ZSH.gif',
      image_fit=ImageFit.COVER, 
      expand=True,
      border_radius=5
    #   content=Control() 
    )
  )

ft.app(target=main)

[ndonkoHenri]

Set page.padding=0.

[Ambassador-of-programming]

I can't figure out how to display text in the background of an image and update it?
Here's my code, but it doesn't work:

import flet as ft
import asyncio

async def main(page: ft.Page):
  async def texts():
    text = 'Displaying text line by line'

    ft_text = ft.Text(value='')
    page.controls.append(ft_text)

    for letter in text:
      ft_text.value += letter
      await page.update_async()
      await asyncio.sleep(0.1)

  content = ft.Container(
    image_src='image/3ZSH.gif',
    image_fit=ft.ImageFit.COVER  , 
    expand=True,
    content=ft.Column(
      [
        ft.Row(
          [
            
            await texts()
          ],
        ),
      ]
    )
   )
  await page.add_async(content)

ft.app(target=main)

here is the code prints the text and updates in my first variant

def main(page: ft.Page):
  text = "text output and text update"

  ft_text = ft.Text(value='')
  page.controls.append(ft_text)

  for letter in text:
    ft_text.value += letter
    page.update()
    time.sleep(0.1)

ft.app(target=main)