Flutter — Bottom Sheet
Bottom sheet is a nice component given by Material design. It like a dialog which is open from the bottom. Most of the apps use this bottom sheet to add some extra setting kind of things. May be you have seen this is a app called Tasks created by google. In there when we try to create a new task it show a bottom sheet with text input field and the several buttons.
Add bottom sheet in flutter is pretty simple and straightforward. In here we are going to create a bottom sheet with 2 List Tile widget. You can use any widget inside the bottom sheet based on your requirement.
In here we are going to use showModalBottomSheet method to popup bottom sheet . In that method there are two required parameters
2. WidgetBuilder
this is the full code
Happy flutter.
Project Link : https://github.com/IshanFx/flutter_bottom_sheet
Check the video : https://youtu.be/SvOpidzacJo
The Flutter Pub is a medium publication to bring you the latest and amazing resources such as articles, videos, codes, podcasts etc. about this great technology to teach you how to build beautiful apps with it. You can find us on Facebook, Twitter, and Medium or learn more about us here. We’d love to connect! And if you are a writer interested in writing for us, then you can do so through these guidelines.
