Ishan Fernando
Nov 10, 2018 · 2 min read

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

1.BuildContext

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.

FlutterPub

The Pub(lication) for all about the Flutter and its magic

Ishan Fernando

Written by

App developer. Android | ios | Flutter . Blogger

FlutterPub

The Pub(lication) for all about the Flutter and its magic

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade