跳到主要内容

CupertinoBottomSheet

一种 iOS 风格的底部弹出框。

示例​

在线示例

基本示例​

import flet as ft

def main(page):
    page.theme_mode = ft.ThemeMode.LIGHT
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER

    action_sheet = ft.CupertinoActionSheet(
        title=ft.Text("标题"),
        message=ft.Text("消息"),
        cancel=ft.CupertinoActionSheetAction(
            content=ft.Text("取消"),
            on_click=lambda e: page.close_bottom_sheet(),
        ),
        actions=[
            ft.CupertinoActionSheetAction(
                content=ft.Text("默认操作"),
                is_default_action=True,
                on_click=lambda e: print("点击了默认操作"),
            ),
            ft.CupertinoActionSheetAction(
                content=ft.Text("普通操作"),
                on_click=lambda e: print("点击了普通操作"),
            ),
            ft.CupertinoActionSheetAction(
                content=ft.Text("破坏性操作"),
                is_destructive_action=True,
                on_click=lambda e: print("点击了破坏性操作"),
            ),
        ],
    )

    page.add(
        ft.OutlinedButton(
            "打开包含 CupertinoActionSheet 的 CupertinoBottomSheet",
            on_click=lambda e: page.show_bottom_sheet(
                ft.CupertinoBottomSheet(action_sheet)
            ),
        )
    )

ft.app(main)

属性​

bgcolor​

底部弹出框的背景颜色。

content​

底部弹出框的内容。

height​

底部弹出框的高度。

是否可以通过点击外部区域来关闭此底部弹出框。

open​

设置为 True 以显示底部弹出框。

padding​

弹出框的内边距。该值是 padding.Padding 类的实例或一个数字。

事件​

on_dismiss​

当底部弹出框关闭时触发。