Gradient Scaffold

pub github license

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


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:


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!

      gradient: LinearGradient(
        begin: Alignment.bottomLeft,
        end: Alignment.topRight,
        colors: [
      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