Native Shopify Mobile App with 20 new features
Kickstart your hyperlocal marketplace in Corona pandemic with a starter guide
Android App Development
iOS App Development
Cross Platform App Development
Hire on-demand project developers and turn your idea into working reality.
Big thanks to Webkul and his team for helping get Opencart 126.96.36.199 release ready!
Owner and Founder. Opencart
In this blog we are going to learn about Bottom sheet in Flutter. BottomSheet in Flutter or Bottomsheet is user interface or component which display over the screen. Bottom sheet is Dismiss able view . It triggered from the bottom of screen with animation and stick to the bottom of screen.
There are mainly two types of BottomSheet in Flutter Modal and Persistent Bottom sheet.
Persistent : Persistent bottom sheet is a view which display over the current visible screen and remain visible at the time of interaction with user or at the time of user iteration.In Flutter we display persistent bottom sheet by using showBottomSheet function of Scaffold class.Mostly it is used to show menu or to display data which need to be display for short time. We can also use it to take any input from user.
Modal : A Modal bottom sheet is slightly different then persistent bottom sheet. It is similar to alert dialog. It prevent user to interact with rest of app. Modal Bottom sheet is used to show option for selecting app to open any media file or to share content.
Here, we take a button (elevation button) on click of which sample Bottom sheet will display.
In above example we used GlobalKey<ScaffoldState>().We used Global keys to uniquely identify any elements.Global key allows to widgets to change anywhere in app without changing the state.
Here, with the help of key we get current state and then call to show bottom sheet.
We can modify and change bottom sheet design according to our need.
In this blog we learn about Bottom sheet in flutter
For more details please click here.
Hope ! this will help you in finding what you are looking for.
Thanks For Reading
Your email address will not be published. Required fields are marked*
Save my name email and website in this browser for the next time I comment.
Be the first to comment.
Enquiry or Requirement
If you have more details or questions, you can reply to the received confirmation email.