套件詳情v0.0.2

colours

Flutter Colors 的擴展版本，包含更多色板和更靈活的自訂色板產生方式。

AndroidiOSWebmacOSWindowsLinux

pub.dev API 文件原始碼

近 30 天下載: 115
喜歡數: 23
Pub 分數: 140

安裝套件

flutter pub add colours

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

colors 套件透過提供更廣泛的色彩色板和增強的彈性，擴展了 Flutter 內建的 Colors 類別，以建立自訂色彩調色板。它讓開發者能輕鬆存取額外的顏色，並以程式化方式產生和諧的色彩方案，提升應用程式之間設計的一致性。非常適合使用者介面自訂、主題開發以及跨平台應用程式的動態顏色產生。

適用情境

建立自訂應用主題
動態生成配色方案
透過擴展顏色選項增強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];