如何消除Flet中Text组件间的垂直间距/边距/内边距

嘿，我来帮你搞定这个问题～其实这个默认间距是两个原因导致的：一是Flet的页面默认会用类似Column的布局，自带组件间距；二是Text组件本身就有一点上下外边距。给你两个简单好使的解决办法：

方法一：用Column手动管控布局间距 #

把两个Text组件塞进一个Column容器里，然后把spacing参数设为0，就能彻底去掉组件之间的垂直空隙。要是之后你还要往这个区域加其他组件，用Column来控制整体布局会更灵活：

from flet import *
def main(page: Page):
    page.controls = [
        Column(
            controls=[
                Text("hello world"),
                Text("hello world")
            ],
            spacing=0  # 核心设置：将组件间的间距拉到0
        )
    ]
    page.update()
app(main)

方法二：直接去掉Text自身的外边距 #

如果你不想额外套容器，也可以直接给每个Text组件设置margin为全0，把它自带的上下外边距清掉：

from flet import *
def main(page: Page):
    page.controls = [
        Text("hello world", margin=Margin(0, 0, 0, 0)),
        Text("hello world", margin=Margin(0, 0, 0, 0))
    ]
    page.update()
app(main)

两种方法都能达到你要的效果，选哪种看你后续的布局需求就行～个人更推荐第一种，对后续扩展更友好哦！

备注：内容来源于stack exchange，提问作者Kiueeukou