带有图标和文本按钮的 Flet 容器

Question

1. 如何更改两个容器之间的距离？
2. 如何将图标和文本按钮组合在一个容器中，以便在 我将鼠标悬停在容器上，它显示为一个单元？

我使用的代码：

ft.Text("Главная страница"),
            ft.Container(
                width=100,
                height=50,
                content=ft.Row([
                    ft.Image('assets/settings-icon.png', width=24, height=24),
                    ft.TextButton(text='Настройки', on_click=lambda _: navigate_to("/settings"))
                ])
            ),
            ft.Container(
                        width=100,
                        height=50,
                        content=ft.Row([
                            ft.Image('assets/info-icon.png', width=24, height=24),
                            ft.TextButton(text='Информация', on_click=lambda _: navigate_to("/info"))
                        ])
                        )

第一个问题 第二个问题

我尝试在没有容器的情况下使用图像和按钮，并且不知道如何解决问题

Answer 1

Flet Containers 可以接受

margin

参数，并且可以传入

Margin

来设置两个容器之间的间距

您能详细谈谈您的第二个问题吗？目前的行为是什么？您想要实现什么目标？