Custom Containers

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

Installation

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

Example

There are a number of properties that you can modify:

  • height
  • width
  • title
  • subtitle
  • gradient (color1 and color2)
class CustomScreen extends StatelessWidget {  
  const CustomScreen({Key? key}) : super(key: key);  
  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: Center(  
        child: const CustomContainer(  
          title: 'Hello World',  
          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

my_first_custom_package