Gradient Scaffold

pub github license

A fully customizable scaffold widget, but which can take a gradient as its background.

Screenshots

Getting Started

This package is for setting a gradient as background for a scaffold. You have no disadvantages and can use all the functionalities of a scaffold.

How to create a simple scaffold with gradient:

Add this package to pubspec.yaml:

dependencies:
  scaffold_gradient_background:

Import the package in the class in which you want to use the scaffold with gradient:

import 'package:scaffold_gradient_background/scaffold_gradient_background.dart';

Now create a GradientScaffold widget and customize it to your liking!

GradientScaffold(
      gradient: LinearGradient(
        begin: Alignment.bottomLeft,
        end: Alignment.topRight,
        colors: [
          Color(0xFF8EC5FC),
          Color(0xFFE0C3FC),
        ],
      ),
      appBar: AppBar(
        title: Text('Linear Gradient Example'),
      ),
      body: Center(
        child: Text(
          'Hello ^^',
          style: TextStyle(
            color: Colors.white,
            fontSize: 30,
          ),
        ),
      ),
    );

That's about it. You don't need to do much more and as you can see, it works perfectly!

GitHub Repository Twitter Medium

Libraries

scaffold_gradient_background