Innovative Container

Innovative Container 🌈✨

Flutter's freshest gradient-enhanced package.

The innovativecontainer is a unique Flutter package tailored to infuse vibrant gradients into your app's containers seamlessly. Driven by the intent to simplify and beautify UI designs, it eliminates the clutter of gradient syntax, enabling developers to create immersive visuals with minimal code. Whether you're a seasoned developer or a newbie dipping your toes in the world of Flutter, your design journey will be smoother and faster with innovativecontainer.

Installation

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

Example

Properties you can modify:

  • Height
  • Width
  • Title
  • Subtitle
  • Gradient (color1 and color2)
class FancyScreen extends StatelessWidget {  
  const FancyScreen({Key? key}) : super(key: key);  
  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: Center(  
        child: const InnovativeContainer(  
          title: 'Innovative Container',  
          color1: Colors.lightGreenAccent,  
          color2: Colors.lightBlue,  
          subtitle: 'This is a new package',  
        ),  
      ),  
    );  
  }  
}

Next Goals

  • x Add onTap for functions. Now, you can specify the onTap and specify a function.

  • x Change font and color style for text. Change color by specifying textcolor and subtitlecolor properties.

  • Add more containers to the package.

Libraries

innovativecontainer