FLUTTER ECOSYSTEM

adityathakurxd/fancy_containers

Fancy Containers Flutter-Paket

Projektcover von fancy_containers
Stars
10
Forks
29
Letzter Push (UTC)
20.03.2023
Projektstatus
Aktiv
Aditya Thakur GitHub avatar
GITHUB User

Aditya Thakur ↗

Google Developer Expert for Flutter and Dart, Content Creator (YouTube 11K)

SprachenC++CMakeDartHTMLSwiftCKotlinObjective-C

Technische Themen

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 3 Einträge
  • flutter{"sdk":"flutter"}
  • flutter_testEntwicklung{"sdk":"flutter"}
  • flutter_lintsEntwicklung^1.0.0-0

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Projekt-README ein-/ausklappen

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',  
        ),  
      ),  
    );  
  }  
}
https://user-images.githubusercontent.com/53579386/126896556-911d4778-04cd-49bf-b32a-01a6eb3b0155.jpeg

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.