如何固定未填充/部分填充ft.TextField的边框高度与尺寸？

问题说明 #

你设置的width=400和height=200在多行模式下仅作为TextField的最大尺寸限制，当文本内容较少时，边框会自动收缩；要让边框始终保持固定宽高，可通过以下两种方法实现：

方法1：调整TextField自身参数强制固定尺寸 #

通过设置内边距、限制行数来约束边框尺寸，避免随文本内容动态变化：

entry_message = ft.TextField(
    label="Message",
    multiline=True,
    expand=False,
    width=400,
    height=200,
    content_padding=ft.Padding(10, 10, 10, 10),  # 固定文本与边框的间距
    border=ft.InputBorder.OUTLINE,
    max_lines=10,  # 限制最大显示行数，超出后显示滚动条
    min_lines=1    # 初始显示行数，确保边框高度固定
)

参数作用： #

• content_padding：固定文本区域与边框的距离，防止文本靠近边框时触发边框收缩
• max_lines：限制内容最多显示行数，避免文本过多撑高边框，超出部分通过滚动条查看
• width和height：此时会作为强制固定尺寸生效，而非仅最大值

方法2：用Container包裹TextField强制外层尺寸 #

如果直接设置TextField参数不生效，可通过外层Container固定宽高，让TextField填充容器：

entry_container = ft.Container(
    content=ft.TextField(
        label="Message",
        multiline=True,
        expand=True,  # 让TextField填满容器内部空间
        border=ft.InputBorder.NONE,  # 隐藏TextField自身边框，使用容器边框
        max_lines=10,
        content_padding=ft.Padding(8, 8, 8, 8)
    ),
    width=400,
    height=200,
    border=ft.border.all(1, ft.colors.OUTLINE),  # 自定义容器边框样式
    border_radius=4  # 保持与TextField默认边框一致的圆角
)

优势： #

• Container的宽高是强制固定的，不受内部TextField内容影响
• 可自定义边框样式，更灵活控制外观

内容的提问来源于stack exchange，提问作者bizya