Gradient App Bar

NB: This is a fork of new_gradient_app_bar, but with Flutter 3.10/Dart 3 support

Love the material AppBar? Do you want to add more color to the appbar? Here's a GradientAppBar.

It works just like the normal AppBar. Also with actions, back buttons, titles. So it's just your normal AppBar, but with a twist!

Screenshots

image image

Getting Started

  1. Depend on it by adding this to your pubspec.yaml file:

    flutter_gradient_app_bar:
 git:
   url: https://github.com/shawn-grant/FlutterGradientAppBar.git
   ref: master

  2. Import it: import 'package:flutter_gradient_app_bar/flutter_gradient_app_bar.dart'

  3. Replace your current AppBar (In the scaffold) to GradientAppBar.

appBar: GradientAppBar(
    title: Text('Flutter'),
    gradient: LinearGradient(colors: [Colors.blue, Colors.purple, Colors.red])
  ),

Libraries

flutter_gradient_app_bar