[Question]How do I pull the "ButtomSheet" to the top of the screen? #2074

Klu1d · 2023-11-12T20:55:28Z

Klu1d
Nov 12, 2023

Question

"ButtomSheet" turned out to be a very successful control element for me. But what I lack in it is the ability to fill the entire screen with this control. For example, as in the images I attached. Or as, for example, "Container (expand=True)". The "ButtonSheet" itself does not have properties such as "expand" or "height" and "width", is it possible to implement this somehow or make at least a temporary solution? So that I can expand the "ButtomSheet" to full screen. Because I can't do it

Code sample

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,
            ),
            height=500,
            width=300,
            expand=True,
            padding=10,
        ),
        open=True,
        enable_drag=True,
        on_dismiss=bs_dismissed,
    )
    page.overlay.append(bs)
    page.add(ft.SafeArea(
        ft.ElevatedButton("Display bottom sheet", on_click=show_bs)
    ))

ft.app(target=main)