パッケージ詳細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];