Flutter Fancy Containers

Flutter Fancy container package used for gradient container with custom child in your Flutter app.


  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
  flutter_fancy_container: ^0.0.4
  1. Import the package and use it in your Flutter App.
import 'package:flutter_fancy_container/flutter_fancy_container.dart';


class FancyContainer extends StatefulWidget {
  State<FancyContainer> createState() => _FancyContainerState();

class _FancyContainerState extends State<FancyContainer> {

  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        body: Center(
          child: FlutterFancyContainer(
            colorOne: Colors.teal[900],
            colorTwo: Colors.tealAccent,
            onTap: (){
              print("package ontap");
            child: Center(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: const [
                    Text("Hello world",style: TextStyle(color: Colors.white,fontSize: 20),),
                    Text("This is your custom child container",style: TextStyle(color: Colors.white,fontSize: 14),),