Fancy Containers Flutter Package

Related tags

Templates package container flutter fancy-container
Overview

Fancy Containers

Fancy 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:
  fancy_containers: ^0.0.1
  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
  • 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 FancyContainer(  
          title: 'Hello World',  
          color1: Colors.lightGreenAccent,  
          color2: Colors.lightBlue,  
          subtitle: 'This is a new package',  
        ),  
      ),  
    );  
  }  
}

Next Goals

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

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

  • Add more containers to the package.

You might also like...

Lottie-package-example-Flutter - A simple example about lottie package in Flutter

Lottie-package-example-Flutter - A simple example about lottie package in Flutter

Lottie Package example - Flutter ScreenShot ⚠️ Essential Packages lottie: ^1.2.1

Dec 7, 2022

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart Language.

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart Language.

Animated SVG | Flutter Package Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in

Jul 19, 2022

A GUI package manager and package installer for Windows Subsystem for Android (WSA)

A GUI package manager and package installer for Windows Subsystem for Android (WSA)

wsa_pacman A GUI package manager and package installer for Windows Subsystem for Android (WSA). Currently provides a double-click GUI installer for .a

Jan 1, 2023

A GUI package manager and package installer for Windows Subsystem for Android (WSA)

A GUI package manager and package installer for Windows Subsystem for Android (WSA)

wsa_pacman A GUI package manager and package installer for Windows Subsystem for Android (WSA). Currently provides a double-click GUI installer for .a

Nov 14, 2022

This is a repository for Flutter Focused Menu, an easy to implement package for adding Focused Long Press Menu to Flutter Applications

This is a repository for Flutter Focused Menu, an easy to implement package for adding Focused Long Press Menu to Flutter Applications

Focused Menu This is an easy to implement package for adding Focused Long Press Menu to Flutter Applications Current Features Add Focused Menu to Any

Dec 26, 2022

VerificaC19-flutter - Unofficial EU DGC validation package for Flutter

VerificaC19 package for Flutter About This package allows to decode and validate

Oct 21, 2022

Xylophone flutter - A simple xylophone app made audioplayers package in flutter

Xylophone flutter - A simple xylophone app made audioplayers package in flutter

Xylophone 🎹 Our Goal In this tutorial we will be diving into more Dart programm

Dec 8, 2022

Flutter file manager - Flutter package for managing files on Android

Flutter file manager - Flutter package for managing files on Android

flutter_file_utils Helper tools for managing files on Android. Getting Started For help getting started with Flutter, view our online documentation. F

Nov 11, 2022

Buy me crypto coffee - A Flutter package that helps you to integrate Buy me a crypto coffee widget in flutter

Buy me crypto coffee - A Flutter package that helps you to integrate Buy me a crypto coffee widget in flutter

Buy me a crypto coffee Features A Flutter package that helps you to integrate Bu

Nov 25, 2022
Releases(v0.0.4)

  • v0.0.4(Jul 26, 2021)

    With this new release, you can now:

    • Specify Text color using the textcolor property and Subtitle color using subtitlecolor.
    • Added onTap (v0.0.3) for specifying functions.
      @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,
        ),
      ),
    );
    Source code(tar.gz)
    Source code(zip)

  • v0.0.2(Jul 25, 2021)

    Fancy container package lets you add a beautiful gradient container to your Flutter app. Check it out on pub.dev here.

    There are a number of properties that 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 FancyContainer(  
          title: 'Hello World',  
          color1: Colors.lightGreenAccent,  
          color2: Colors.lightBlue,  
          subtitle: 'This is a new package',  
        ),  
      ),  
    );  
  }  
}
    Source code(tar.gz)
    Source code(zip)
Owner
Aditya Thakur
Flutter Developer | Speaker | Mentor | YouTube 4K | AI/ML Enthusiast
Aditya Thakur
GitHub https://pub.dev/packages/fancy_containers
A flutter widget that animates scrolling through a set of fixed size containers.

Spinner This flutter package implements a simple Spinner animation that cycles through any number of fixed size child widgets. Useful for selecting a

Mark Schmidt 6 Aug 3, 2021
Counter provider - App para practicar el disenio de layouts con widgets mas comunes containers, stacks, row/columns, text fields

App para practicar el disenio de layouts con widgets mas comunes containers, sta

null 0 Feb 16, 2022
This is an easy to use Flutter Package for adding Fancy Foldable Sidebar to your Flutter Applications.

Foldable Sidebar An easy to implement Foldable Sidebar Navigation Drawer for Flutter Applications. Current Features Initial Release for Foldable Navig

Paras Jain 87 Nov 26, 2022
A flutter Package provides you a modern animated fancy segment

animated_segment This package will animates a segment. Package provides you a mo

MindInventory 24 Dec 10, 2022
A basic demonstration for creating a Jardinains (Fancy Pong-Like) Game in Flutter

Jardinains Flutter! ?? Play Here - Web https://flutter-jardinains.web.app/#/ Demo Note: For optimal performance run the project in profile mode using

Paras Jain 60 Nov 12, 2022
A fancy easy to use Folding Menu for Flutter Applications

Folding Menu This is an easy to use package for adding Folding Menu to your Flutter Applications Demo Usage To Use, simply add Folding Menu to your St

Paras Jain 12 Nov 26, 2022
Fancy list loading effect or The Shimmer Effect in Flutter

Shimmer Effect in Shimmer Effect is really cool placeholder effect that you can show when you are loading data in the form of a list. To do it in flut

Ronak Punase 31 Oct 18, 2022
A fancy yet beautiful animated widget for your Flutter apps

FancyBar A fancy yet beautiful animated widget for your Flutter apps | Preview Version 1 | |---------|----------| | | | Preview Version 2 | |---------

Leo Elstin 33 Oct 10, 2022
Fancy OnBoarding Screen Library

?? FancyOnBoarding A Fancy OnBoarding Screen Library for Easy and Quick Usage. Checkout the Original Author : Checkout the Original Designer : The sou

Sahil Kumar 346 Dec 28, 2022
A fancy animated bottom navigation bar 💫.

Stacky_bottom_nav_bar A fancy animated bottom navigation bar. Preview Default Light Mode Default Dark Mode ⚠️ IMPORTANT: when adding this widget don’t

null 5 Oct 23, 2022