Skip to main content

CupertinoActionSheet

An iOS-style action sheet.

To open this control, simply call the page.open() helper-method.

Examples​

Live example

Basic Example​

import flet as ft


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

def handle_click(e):
page.add(ft.Text(f"Action clicked: {e.control.content.value}"))
page.close(bottom_sheet)

action_sheet = ft.CupertinoActionSheet(
title=ft.Row([ft.Text("Title")], alignment=ft.MainAxisAlignment.CENTER),
message=ft.Row([ft.Text("Description")], alignment=ft.MainAxisAlignment.CENTER),
cancel=ft.CupertinoActionSheetAction(
content=ft.Text("Cancel"),
on_click=handle_click,
),
actions=[
ft.CupertinoActionSheetAction(
content=ft.Text("Default Action"),
is_default_action=True,
on_click=handle_click,
),
ft.CupertinoActionSheetAction(
content=ft.Text("Normal Action"),
on_click=handle_click,
),
ft.CupertinoActionSheetAction(
content=ft.Text("Destructive Action"),
is_destructive_action=True,
on_click=handle_click,
),
],
)

bottom_sheet = ft.CupertinoBottomSheet(action_sheet)

page.add(
ft.CupertinoFilledButton(
"Open CupertinoBottomSheet",
on_click=lambda e: page.open(bottom_sheet),
)
)


ft.app(main)

Properties​

actions​

A list of action buttons to be shown in the sheet. These actions are typically CupertinoActionSheetActions. This list must have at least one action.

cancel​

An optional control to be shown below the actions but grouped separately from them. Typically a CupertinoActionSheetAction button.

message​

A control containing a descriptive message that provides more details about the reason for the alert. Typically a Text control.

title​

A control containing the title of the action sheet. Typically a Text control.