Gradient Color & Styles

Overview

Applying a gradient to a container is easy in Flutter; applying one consistently to text, buttons, sliders, app bars and progress indicators is not. gradient_color_and_styles wraps the widgets you already use with gradient support and a library of preset gradients, plus transforms like reversal, rotation, tinting and brightness or saturation adjustment.

Features

• Gradient containers, cards, buttons and floating action buttons
• Gradient text and icon fills
• Gradient AppBar and TabBar
• Gradient sliders, progress indicators, dividers and toggle switches
• Linear, radial and sweep gradient types
• Preset gradient library, plus reversal, rotation, tint and brightness/saturation transforms

Installation

dependencies:
  gradient_color_and_styles: ^1.0.1

flutter pub add gradient_color_and_styles

Usage

import 'package:gradient_color_and_styles/gradient_color_and_styles.dart';

GradientContainer(
  gradient: PresetGradients.sunset,
  height: 100,
  borderRadius: BorderRadius.circular(16),
  child: Center(child: Text('Sunset Gradient')),
)

Requires Flutter SDK ^3.8.0 and Dart SDK ^3.8.0.

Links