使用Flet库时CupertinoFilledButton内部文字不显示的解决办法

问题出在你给CupertinoFilledButton设置了固定height=30，再加上按钮默认的内边距，导致文字的可用空间被压缩，最终出现文字被裁剪或无法显示的情况。以下是几种可行的解决方法：

方法1：调整按钮的内边距 #

减小或移除CupertinoFilledButton的默认内边距，给文字留出足够空间：

Container(
    content=ft.CupertinoFilledButton(
        content=ft.Text("OK"),
        opacity_on_click=0.6,
        on_click=lambda e: print("clicked!"),
        alignment=ft.alignment.center,
        height=30,
        padding=ft.Padding(5, 0, 5, 0)  # 自定义内边距，上下设为0节省空间
    ),
)

方法2：取消固定高度，让按钮自适应内容 #

如果不需要强制固定按钮高度，直接移除height参数，按钮会根据文字大小自动调整高度，文字就能完整显示：

Container(
    content=ft.CupertinoFilledButton(
        content=ft.Text("OK"),
        opacity_on_click=0.6,
        on_click=lambda e: print("clicked!"),
        alignment=ft.alignment.center,
    ),
)

方法3：匹配文字大小与按钮高度 #

若必须固定高度，调整文字的尺寸并配合内边距，确保文字能在有限空间内完整显示：

Container(
    content=ft.CupertinoFilledButton(
        content=ft.Text("OK", size=14, text_align=ft.TextAlign.CENTER),
        opacity_on_click=0.6,
        on_click=lambda e: print("clicked!"),
        alignment=ft.alignment.center,
        height=30,
        padding=ft.Padding(8, 2, 8, 2)
    ),
)

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