adaptive_appbar 1.0.2

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

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: () {},
);

🎨 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),
);

🧱 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	-