FLUTTER ECOSYSTEM

adityathakurxd/fancy_containers

패시 컨테이너스 플러터 패키지

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.