Как правильно позиционировать элементы во flet?

Question

[uyshaaaaaa]

Позиционирую элемент через alignment=ft.Alignment(-0.7, -0.6)

def button1(
    page: ft.Page,
    text: str,
    color: str,
    function: Callable
    ) -> ft.Container:
        return ft.Container(content=ft.Stack(
        [
            ft.Image(
                src='assets/images/bgforbt.png',
                fit="contain",
                height=page.window.height * 0.158,
                width=page.window.width * 0.936

            ),
            ft.Container(
                    content=ft.Text(
                        value=text,
                        color=color,
                        size=16,
                        weight=ft.FontWeight.BOLD,
                        text_align=ft.TextAlign.CENTER
                    ),
                    alignment=ft.Alignment.CENTER,  
                )

        ]),
        on_click=function,
        alignment=ft.Alignment(-0.7, -0.6)
    )

У меня то есть в Container расположен Stack, в котором, в свою очередь, изображение и доп контейнер, где расположено поле с текстом, но в приложении текст отдельно от изображения, хотя должен быть на нём и изображение не нужного размера.

Answer 1

[Пума Тайланд]

у тебя внутренний Container (с текстом) не имеет размеров — он сжимается до размера самого Text и не перекрывает Image. Добавь ему те же width/height что и у картинки:

ft.Container(
    content=ft.Text(
        value=text,
        color=color,
        size=16,
        weight=ft.FontWeight.BOLD,
        text_align=ft.TextAlign.CENTER
    ),
    alignment=ft.Alignment.CENTER,
    width=page.window.width * 0.936,
    height=page.window.height * 0.158,
)

а то что картинка "не того размера" — скорее всего из-за fit="contain", он сохраняет пропорции и не заполняет область целиком. Попробуй fit=ft.ImageFit.COVER если нужно заполнить.

Comments

[uyshaaaaaa]

Если использую cover, он становится огромных размеров, не таким, какой должен быть. Как будто указание высоты и ширины у меня должным образом не работает. page.window.heigh * [число], точно нормальный способ? Я просто хочу указать через проценты, а не через пиксели, а во flet такой возможности нет, это была моя задумка сделать так, но похоже, это не совсем работает