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 220.127.116.11 release ready!
Owner and Founder. Opencart
In this blog we are going to know about scaffold class in flutter.
Scaffold is a class in flutter which provide api’s to use to its widgets to create layout.
A Scaffold class provides a framework which implements the basic material design visual layout structure of the flutter app.
Scaffold class provide many widget to design or we can say api to show Drawer, AppBar, Bottom navigation bar etc.
First, we will discuss about most common widget of any application “AppBar“
App bar is horizontally bar positioned at the top of screenWe can display information and menu and drawer option in app bar according to requirement.It is just like a toolbar in android app.
Let’s take an example for AppBar :
Drawer is side panel positioned at the side of screen.We can display menu item in drawer.Drawer can hide and show on any button click event.An appropriate icon for the drawer is set automatically in an AppBar
Let’s take an example of Drawer
Floating button widget floats at the top of content of the screen.It is positioned to left bottom corner of screen.When we scroll the screen its position remains unchanged.We can add desired icon on it and can handle it click event on “onpPressed” property.This is same as Floating action button in android.
Bottom navigation bar display navigation menu at the bottom of screen.We can add multiple item in bottom navigation bar with icon.We can handle event of bottom navigation item “ontap()” property.
In this blog we learn about Scaffold class and some widgets provided by scaffold class.
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.