flet 上中下布局，中间为自适应高度

黄老五

已于 2024-02-25 10:27:16 修改

阅读量213

点赞数 3

分类专栏： Flet 文章标签： python flet 布局

于 2024-02-06 11:03:41 首次发布

本文链接：https://blog.csdn.net/huangxulei/article/details/136053286

版权

Flet 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

from flet import *


def main(page: Page):
    page.title = "上中下布局"
    page.padding = 0

    top = Container(
        bgcolor=colors.AMBER,
        height=100,
        border=border.only(bottom=border.BorderSide(2, "black")),
    )
    crow = Row(
        controls=[Text("中间自适应高度,设置expand=1")],
        alignment="center",
    )
    center = Container(
        content=crow,
        expand=1,
        # 全部边框
        border=border.all(10, colors.PINK_600),
    )
    bottom = Container(
        bgcolor=colors.BLUE,
        height=100,
        # 设置顶部边框颜色和宽度
        border=border.only(top=border.BorderSide(2, "black")),
    )
    # spacing = 0 为子元素的之间的空隙为0
    col = Column([top, center, bottom], expand=True, spacing=0)

    page.add(col)


app(target=main)