DEV Community

Cover image for Add beautiful containers to your Flutter app
Aditya Thakur
Aditya Thakur

Posted on

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
Enter fullscreen mode Exit fullscreen mode
  1. Import the package and use it in your Flutter App.
import 'package:fancy_containers/fancy_containers.dart';
Enter fullscreen mode Exit fullscreen mode

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)
@override
  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,
        ),
      ),
    );
Enter fullscreen mode Exit fullscreen mode

Output

FancyContainers Output

Find the package on pub.dev here.

Top comments (0)