A Bottom Sheet is an alternative to a menu or a dialog. When it opens, it prevents the user from interacting with the rest of the app. It opens up from bottom to top and can be dismissed by swiping it from top to bottom.
You can use the bottom sheet when you want to perform a small action without creating a separate screen.
Creating A Bottom Sheet Custom Component
Bottom Sheets are created using a custom component.
Use these steps to create your Bottom Sheet:
Click on the Select Page or Component from the Navigation Menu (
on the left side of your screen).
Select the Components panel.
Click on the + Create New button at the bottom.
Enter a name (e.g. Bottom_Sheet) and click on + Add Component.
Now click on the Widget Tree in the left side menu.
Add the Container widget and set its Width and Height to inf.