citomoltd_workspace.json
C

CitomoLtd

Verified Studio
const Organization = { ceo: "Md Shakil Hossain" };
 

Flutter AppBar - All Common Properties

 

Flutter AppBar - All Common Properties

Scaffold(
  appBar: AppBar(

    // AppBar এর Title
    title: Text("Home Page"),

    // Title Center এ থাকবে কিনা
    centerTitle: true,

    // Title এর Style
    titleTextStyle: TextStyle(
      fontSize: 22,
      fontWeight: FontWeight.bold,
      color: Colors.white,
    ),

    // Leading Widget (সাধারণত Back Button)
    leading: Icon(Icons.menu),

    // Leading Widget এর Width
    leadingWidth: 60,

    // Automatically Back Button দেখাবে কিনা
    automaticallyImplyLeading: true,

    // Title এর আগে Widget
    flexibleSpace: Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [
            Colors.blue,
            Colors.purple,
          ],
        ),
      ),
    ),

    // Right Side Widgets
    actions: [

      IconButton(
        onPressed: () {},
        icon: Icon(Icons.search),
      ),

      IconButton(
        onPressed: () {},
        icon: Icon(Icons.notifications),
      ),
    ],

    // Background Color
    backgroundColor: Colors.blue,

    // Foreground Color (Text + Icon)
    foregroundColor: Colors.white,

    // Shadow Color
    shadowColor: Colors.black,

    // Elevation
    elevation: 8,

    // Scroll করলে Elevation
    scrolledUnderElevation: 12,

    // Bottom Widget
    bottom: PreferredSize(
      preferredSize: Size.fromHeight(50),
      child: Text(
        "Bottom Widget",
      ),
    ),

    // Toolbar Height
    toolbarHeight: 70,

    // Toolbar Opacity
    toolbarOpacity: 1.0,

    // Bottom Opacity
    bottomOpacity: 1.0,

    // AppBar Shape
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(
        bottom: Radius.circular(20),
      ),
    ),

    // AppBar এর নিচে Shadow দেখাবে কিনা
    forceMaterialTransparency: false,

    // Primary AppBar কিনা
    primary: true,

    // Title ও Actions এর মাঝে Space
    actionsPadding: EdgeInsets.only(
      right: 10,
    ),

    // Icon Theme
    iconTheme: IconThemeData(
      color: Colors.white,
      size: 28,
    ),

    // Action Icon Theme
    actionsIconTheme: IconThemeData(
      color: Colors.yellow,
      size: 26,
    ),

    // System Status Bar Style
    systemOverlayStyle: SystemUiOverlayStyle.light,

    // AppBar এর Clip Behavior
    clipBehavior: Clip.none,
  ),

  body: Center(
    child: Text("Flutter AppBar"),
  ),
);

📌 AppBar Properties Summary

Propertyকাজ
titleAppBar এর Title
centerTitleTitle Center করবে
leadingLeft Side Widget
actionsRight Side Widgets
backgroundColorBackground Color
foregroundColorText/Icon Color
elevationShadow Height
shadowColorShadow Color
toolbarHeightAppBar Height
flexibleSpaceCustom Background
bottomTabBar বা Bottom Widget
shapeCustom Shape
iconThemeLeading Icon Style
actionsIconThemeAction Icon Style
titleTextStyleTitle Text Style
systemOverlayStyleStatus Bar Style
scrolledUnderElevationScroll হলে Elevation
automaticallyImplyLeadingAuto Back Button
leadingWidthLeading Widget Width
actionsPaddingActions এর Padding
primaryPrimary AppBar কিনা
clipBehaviorOverflow Clip Control

Comments