App bar class property in flutter | flutter app bar | flutter appbar widget
Now we are learning the App bar class property in flutter.
so now will start to play with it.
The Appbar Containing the following properties:
AppBar AppBar({
Key? key,
Widget? leading,
bool automaticallyImplyLeading = true,
Widget? title,
List ? actions,
Widget? flexibleSpace,
PreferredSizeWidget? bottom,
double? elevation,
Color? shadowColor,
ShapeBorder? shape,
Color? backgroundColor,
Color? foregroundColor,
Brightness? brightness,
IconThemeData? iconTheme,
IconThemeData? actionsIconTheme,
TextTheme? textTheme,
bool primary = true,
bool? centerTitle,
bool excludeHeaderSemantics = false,
double? titleSpacing,
double toolbarOpacity = 1.0,
double bottomOpacity = 1.0,
double? toolbarHeight,
double? leadingWidth,
bool? backwardsCompatibility,
TextStyle? toolbarTextStyle,
TextStyle? titleTextStyle,
SystemUiOverlayStyle? systemOverlayStyle, })
so we using property of tititle and centertitle to show title.
Elevation property shows the shadow below the appbar.
backgroundcolor property is used to change the color of the appbar.
also it takes the shadow color.
Now we are use a shape property to provide curve border to the appbar.
we are also add border to all.
Now add toolbarheight to increase appbar height.
leading property also use icon with menu button.
leadingwidth is use for manage the icon on leftside.
titletextstyle property is used for styling the title.
we also use the action property. to contain to icons search and more vert.
we are also add Icon button.
we are also provide the gradient property to the appbar.
so how to add circle avatar image to the appbar.
so there is the some property we use to appbar.
flutter,flutter tutorial,flutter appbar,flutter tutorial for beginners,flutter app bar,app bar,appbar in flutter,flutter for beginners,flutter widgets,flutter sliver app bar,flutter toolbar,flutter navigation,flutter tutorials,flutter bottom navigation,flutter basics,flutter app,flutter navigation bar,flutter ui,flutter tabbedappbar,flutter appbar widget,flutter dart,flutter app bar properties,dart and flutter,flutter property types
For More Details :
Contact : [email protected]
Whats App: 8123265229
