FLUTTER ECOSYSTEM

adityathakurxd/fancy_containers

Fancy Containers Flutter 套件

fancy_containers 專案封面
Stars
10
Forks
29
最近推送(UTC)
2023年3月20日
專案狀態
未封存
Aditya Thakur GitHub avatar
GITHUB User

Aditya Thakur ↗

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

語言C++CMakeDartHTMLSwiftCKotlinObjective-C

技術主題

此儲存庫發佈的套件

使用的依賴

依賴清單 3 項
  • flutter{"sdk":"flutter"}
  • flutter_test開發依賴{"sdk":"flutter"}
  • flutter_lints開發依賴^1.0.0-0

原始 README

以下為英文專案原文快照,最新內容請造訪 GitHub。

展開 / 收合專案 README

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.