Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 26, 2021 10:12 am GMT

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)
@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,        ),      ),    );

Output

FancyContainers Output

Find the package on pub.dev here.


Original Link: https://dev.to/adityathakur/add-beautiful-containers-to-your-flutter-app-3g8m

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To