Skip to content

shawn-grant/FlutterGradientAppBar

 
 

Repository files navigation

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

image image

Getting Started

  1. Install the dependency:
  $ flutter pub add flutter_gradient_app_bar
  1. Import the package:
import 'package:flutter_gradient_app_bar/flutter_gradient_app_bar.dart'
  1. Replace your Scaffold AppBar with GradientAppBar.
appBar: GradientAppBar(
    title: Text('Flutter'),
    gradient: LinearGradient(
      colors: [Colors.blue, Colors.purple, Colors.red],
    ),
  ),