Description:

adaptive appbar

A model for an adaptive AppBar. Created to easily make an app bar that changes size for both mobile and web development.

🎯 Features #

Responsive.
Easy to implement.
Fully customizable!

📦 Implementation #
AdaptiveAppBar(
context,
title: "Awesome AppBar",
onBackPressed: () {},
);
copied to clipboard
🎨 Customization #
AdaptiveAppBar(
context,
title: "Awesome AppBar",
onBackPressed: () {},

// Title for back button (Shows only on big screens)
backButtonTitle: "Discard",
// Custom background color
backgroundColor: Colors.white,
// Custom foreground color
foregroundColor: Colors.blue,
// Custom elevation
elevation: 1,
// Custom widget at the end of the AppBar
widget: const Icon(Icons.access_alarm),
);
copied to clipboard
🧱 Parameters #



Name
Description
Data type
Default value




title
AppBar's title
String
-


backButtonTitle
Title for back button (Shows only on big screens)
String
"Cancel"


onBackPressed
Handle back button press
Function()
-


backgroundColor
Custom background color
Color
colorScheme.primaryContainer


foregroundColor
Custom foreground color
Color
colorScheme.onSecondaryContainer -OR- Colors.black


elevation
Custom elevation
double
0


widget
Custom widget at the end of the AppBar
Widget
-

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter