https://github.com/joostlek/GradientAppBar

Gradient app bar for Flutter
https://github.com/joostlek/GradientAppBar

appbar dart dartlang flutter flutter-package gradient

Last synced: 5 months ago
JSON representation

Gradient app bar for Flutter

• Host: GitHub
• URL: https://github.com/joostlek/GradientAppBar
• Owner: joostlek
• License: bsd-3-clause
• Created: 2018-08-08T09:14:12.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-03-04T16:56:53.000Z (about 4 years ago)
• Last Synced: 2024-11-07T17:02:31.262Z (5 months ago)
• Topics: appbar, dart, dartlang, flutter, flutter-package, gradient
• Language: Dart
• Homepage: https://pub.dartlang.org/packages/gradient_app_bar
• Size: 158 KB
• Stars: 134
• Watchers: 8
• Forks: 68
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-gradient - GradientAppBar - Gradient app bar for Flutter (Dart)

README

        
# Gradient App Bar

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](https://user-images.githubusercontent.com/7083755/43866104-e9bc98ea-9b64-11e8-9115-b2deec915dbd.png)

![image](https://user-images.githubusercontent.com/7083755/43866237-4f8e6a5e-9b65-11e8-8adf-2514a9b1e10c.png)

## Getting Started

1. Depend on it by adding this to your pubspec.yaml file: ```gradient_app_bar: ^0.1.3```

2. Import it: ```import 'package:gradient_app_bar/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])

  ),

```