Add beautiful containers to your Flutter app

Fancy Containers package lets you add a beautiful gradient container to your Flutter app.

These can be used to:

  • Share announcements,
  • Showcase information,
  • Highlight features,

Installation

Add the latest version of the package to your pubspec.yaml (and run dart pub get):

dependencies:
  fancy_containers: ^0.0.4
  1. Import the package and use it in your Flutter App.
import 'package:fancy_containers/fancy_containers.dart';

Example

There are a number of properties that you can modify:

  • height
  • width
  • title
  • titlecolor
  • subtitle
  • subtitlecolor
  • gradient (color1 and color2)
  • onTap (for function callback)

  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FancyContainer(
          onTap: (){
            print("Hello World");
          },
          color1: Colors.lightGreenAccent,
          color2: Colors.lightBlue,
          title: 'Hello World',
          textcolor: Colors.white,
          subtitle: 'This is a new package',
          subtitlecolor: Colors.white,
        ),
      ),
    );

Output

Find the package on pub.dev here.

29