reusable_app_bar

A customizable Flutter package for building advanced AppBar UIs. The reusable_app_bar package provides pre-built AppBar widgets with enhanced capabilities such as background images, positioned avatars, flexible layouts, and animated transitions, all of which make it easy to build beautiful and consistent application headers.

Features

🧩 Modular AppBar components
👤 Support for profile avatars (including middle-bottom positioned avatars)
🧱 Stack-based and flexible layouts with support for overlays
🎨 Custom background colors and images
🔍 Integrated search field AppBar with toggle functionality
🎛️ Popup menu and tabbed content support

Getting Started

Add this package to your pubspec.yaml:

dependencies:
  reusable_app_bar: latest

Import the package:

import 'package:reusable_app_bar/reusable_app_bar.dart';

Usage Examples

✅ Simple App Bar

AppSimpleAppBar(
  titleTxt: 'Home',
  centerTitle: true,
  bgColor: Colors.blue,
  actions: [
    IconButton(icon: Icon(Icons.search), onPressed: () {}),
  ],
)

👤 Profile App Bar with Bottom Avatar

RoundedProfileAvatarAppBar(
  title: 'Profile',
  imageSource: 'path/to/image',
  imgRadius: 40.0,
)

🧱 Scaffold with Background and Avatar

BottomMiddleAvatarScaffold(
  titleTxt: 'Dashboard',
  bgImageSource: 'https://example.com/background.jpg',
  imageSource: 'https://example.com/avatar.png',
  body: YourBodyWidget(),
)

🧩 Stack-based App Bar with Avatar

StackedAvatarAppBar(
  title: 'Profile',
  avatarImage: 'https://example.com/avatar.jpg',
  avatarRadius: 36.0,
  borderRadius: 24.0,
  backgroundColor: Colors.teal,
)

🔍 Searchable App Bar

SearchableTopTitleSubTitleProfileAppBar(
  titleTxt: 'Welcome',
  subTitleTxt: 'Search your items',
  searchField: AppSearchField(),
  imageSource: 'https://example.com/avatar.png',
)

Widgets Included

AppSimpleAppBar
BottomMiddleProfileRoundedAppBar
BottomMiddleAvatarScaffold
StackedAppBar
StackedAvatarAppBar
SearchableTopTitleSubTitleProfileAppBar
TitleSubTitleProfileAppBar
AppPopupMenuButton
AppSearchField
AppCircleAvatar

Customization Options

All app bars support:

Title text or custom widget
Leading icon or widget
Action buttons or widgets
Avatar position, style, and radius
Background color and image with opacity
Radius and elevation control
Overlay widgets and tabbed body support

License

MIT License

Made with ❤️ by Shohidul Islam