chandrabezzo / FlutterGradientAppBar

Gradient AppBar for Flutter (SDK v3.10 & Dart 3 compatible)

Flutter Gradient App Bar

This is a fork of new_gradient_app_bar, but with Flutter 3.10/Dart 3 support. If you're still using Flutter 2.x, use the original package.

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

Getting Started

1. Install the dependency:

  $ flutter pub add flutter_gradient_app_bar

4. Import the package:

import 'package:flutter_gradient_app_bar/flutter_gradient_app_bar.dart'

5. Replace your Scaffold AppBar with GradientAppBar.

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