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.
scaffold(
appBar : AppBar(
leading : Icon(Icons.menu),
title : Text("Gratitude"),
actions : <Widget>[
IconButton(
icon : Icon(Icon.check),
onPressed : () => Navigation.pop(
context,
_SelectedGratiude ,
),
),
],
),
body : MoodBody(),
drawer : MoodDrawer(),
bottumNavigationBar : MoodNavBar(),
floatingActionButton: FloatingActionButton(
child : Icon(Icon.add),
),
);
AppBar
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.
Comments