Skip to main content

BottomSheet

Shows a modal Material Design bottom sheet.

A modal bottom sheet is an alternative to a menu or a dialog and prevents the user from interacting with the rest of the app.

Examples

Simple BottomSheet

import flet as ft

def main(page: ft.Page):
def bs_dismissed(e):
print("Dismissed!")

def show_bs(e):
bs.open = True
bs.update()

def close_bs(e):
bs.open = False
bs.update()

bs = ft.BottomSheet(
ft.Container(
ft.Column(
[
ft.Text("This is sheet's content!"),
ft.ElevatedButton("Close bottom sheet", on_click=close_bs),
],
tight=True,
),
padding=10,
),
open=True,
on_dismiss=bs_dismissed,
)
page.overlay.append(bs)
page.add(ft.ElevatedButton("Display bottom sheet", on_click=show_bs))

ft.app(target=main)

Properties

content

The content of the bottom sheet.

open

Set to True to display a bottom sheet.

Events

on_dismiss

Fires when bottom sheet is dismissed.