Beginning Flutter - Intermediate - Using Common Widgets

Updated: Feb 8

In this Blog We have to gonna take a look how basic widgets such as

  • Scaffold

  • App Bar

  • Safe Area

  • Container

  • Text

  • Rich Text

  • Column

  • Row

  • Different types of Buttons

We learn how to use the most common widget we call them basic building blogs for creating beautiful user interfaces in user experiences.

Scaffold widget

the scaffold widget implements the basic material design visual layout allowing us to easily add various widgets such the app bar bottom app bar a floating action button a drawer snack bar button.


appBar : AppBar(

leading : Icon(,

title : Text("Gratitude"),

actions : <Widget>[


icon : Icon(Icon.check),

onPressed : () => Navigation.pop(


_SelectedGratiude ,





body : MoodBody(),

drawer : MoodDrawer(),

bottumNavigationBar : MoodNavBar(),

floatingActionButton: FloatingActionButton(

child : Icon(Icon.add),




The AppBar widget usually contains a standard title Toolbar leading and Action Properties allow with button as well as many customization options the title property typically implemented with a text widget we can customize it with order widget such as a drop down widget the leading property is display before the title property usually this is icon button the action property is displayed right of the title property.

Codersarts has become one of the most trusted platforms to help students,professional developers who are looking for coding help, and wanna hire programming developers. Our programmers and developers are well-known with intuitive tools,IDEs, and visual design. Codersarts allows anyone to get coding solutions easily and build a professional connection to make the world the most affordable place to expand and share work experiences.

Contact Us

Tel: (+91) 0120  4118730  

Time :   10 : 00  AM -  08 : 00 PM IST 

Registered address: G-69, Sector 63, 

 Noida - 201301, India

We Provide Services Across The different countries

USA    Australia   Canada   UK    UAE    Singapore   New Zealand    Malasia   India   Ireland   Germany

Terms and Conditions        Privacy Policy    Pricing Policy       Refund Policy         COPYRIGHT © 2021

Sofstack Technology Solutions Pvt. Ltd.

  • CodersArts | Linkedin
  • Instagram