패키지 상세v0.0.2

colours

더 많은 스웨치와 사용자 정의 스웨치를 생성할 수 있는 유연성을 제공하는 Flutter 색상의 확장된 버전입니다.

AndroidiOSWebmacOSWindowsLinux

pub.dev API 문서 소스 코드

30일 다운로드: 115
좋아요: 23
Pub 점수: 140

패키지 설치

flutter pub add colours

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

colors 패키지는 Flutter의 내장된 Colors 클래스를 확장하여 더 넓은 범위의 색상 스웨이치와 사용자 정의 색상 팔레트를 만들기 위한 향상된 유연성을 제공합니다. 개발자들이 추가 색상을 쉽게 접근하고 프로그래밍적으로 조화로운 색상 스키마를 생성할 수 있게 해 주며, 앱 간 디자인 일관성을 향상시킵니다. 크로스플랫폼 애플리케이션에서 UI 커스터마이징, 테마 개발 및 동적 색상 생성에 이상적입니다.

사용 사례

사용자 지정 앱 테마 만들기
동적으로 색상 팔레트 생성
확장된 색상 옵션을 통한 UI 디자인 향상
색상 선택기 인터페이스 구축
다양한 색상 옵션을 통한 접근성 지원

주요 기능

Flutter 기본값을 초과하는 확장 색상 스위치
유연한 사용자 정의 스웨이치 생성
크로스 플랫폼 호환성
기존 Flutter 프로젝트와의 간편한 통합
색조 조화 및 대비를 지원합니다

적합한 대상

Flutter를 사용하는 UI/UX 디자이너
사용자 정의 테마를 개발하는 개발자
동적 색상 테마가 필요한 앱
시각적 접근성에 중점을 둔 프로젝트

고려 사항

추가 색 데이터로 인해 앱 크기가 약간 증가할 수 있습니다
최적의 사용을 위해서는 색채 이론에 대한 이해가 필요합니다
완전한 색상 선택기로 의도되지 않았지만 팔레트 생성을 지원합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Colours

An extended version of Flutter Colors with more swatches and more flexibility to generate your own custom swatch.

Getting Started

In your flutter project add the dependency:

dependencies:
  colour: ^0.0.2

or reference the git repo directly:

dependencies:
  colour:
    git: 
      url: git://github.com/salkuadrat/colours.git

Examples

Suppose your brand color is #00aa13.

#00aa13 Gojek Brand Color [#00aa13]

You can generate your own custom swatch using:

MaterialColor gojekSwatch = Colours.swatch('#00aa13');

It will generate a complete material swatch colors:

50 [#e0f5e3]
100 [#b2e5b8]
200 [#7fd489]
300 [#4cc45a]
400 [#26b736]
500 [#00aa13]
600 [#00a311]
700 [#00990e]
800 [#00900b]
900 [#007f06]

You can apply the custom swatch to Theme, or access the individual color directly using:

Color gojek100 = gojekSwatch[100];
Color gojek200 = gojekSwatch[200];
Color gojek300 = gojekSwatch[300];
Color gojek400 = gojekSwatch[400];
Color gojek500 = gojekSwatch[500];
Color gojek600 = gojekSwatch[600];
Color gojek700 = gojekSwatch[700];
Color gojek800 = gojekSwatch[800];
Color gojek900 = gojekSwatch[900];