Как разместить IconButton поверх контейнеров на flet python

Question

У меня вот какая проблема, я делаю галерею для лаунчера, основное сделал, но хотелось бы добавить ещё IconButton поверх контейнеров, вот так выглядит сейчас:

Хотелось бы в обведенные круги добавить по IconButton, но я не знаю как это сделать:

вот код галереи:

class Image_shot():
    def __init__(self, page: ft.Page, img):
        foto = ft.AlertDialog(
            content=ft.Row([ft.Image(src=img, expand=True, width=5000), ft.Column([ft.IconButton(icon=ft.Icons.CANCEL_OUTLINED, on_click=lambda e: page.close(foto))], alignment=ft.MainAxisAlignment.START)], spacing=-10), 
            bgcolor=ft.Colors.TRANSPARENT, 
            modal=True
        )


        self.gallery = ft.Container(
            content=ft.Image(
                src=img,
                border_radius=10,
                width=373,
                fit="contain",
            ),
            on_click=lambda e: page.open(foto)
        )


    def retur_gal(self):

        return self.gallery
    

def screen_shots(page: ft.Page):


    gallery = ft.Row(
        controls=[],
        wrap=True,
        scroll="adaptive",
        expand=True,
        spacing=5
    )

    image = os.listdir(path="C:\\Users\\<User>\\Documents\\mine\\screenshots")
    print(image)

    for img in image:
        gallery.controls.append(
            Image_shot(page=page, img=f"C:\\Users\\<User>\\Documents\\mine\\screenshots\\{img}").retur_gal()
        )

    print(gallery.controls)
    
    return gallery

Answer 1

Есть такой класс, как Stack(ft.Stack)

def main(page: ft.Page):
    st = ft.Stack(
        [
            ft.Image(
                src=f"https://picsum.photos/300/300",
                width=300,
                height=300,
                fit=ft.ImageFit.CONTAIN,
            ),
            ft.Row(
                [
                    ft.Text(
                        "Image title",
                        color=ft.Colors.ON_SURFACE,
                        size=40,
                        weight=ft.FontWeight.BOLD,
                        opacity=0.5,
                    )
                ],
                alignment=ft.MainAxisAlignment.CENTER,
            ),
        ],
        width=300,
        height=300,
    )

    page.add(st)

(Пример из документации!) Результат:

БЛОГ НА HUSL

Как разместить IconButton поверх контейнеров на flet python

Ответы (1 шт):