搜尋套件、儲存庫與 APP 分類

套件詳情v1.1.0

material_color_generator

一個用於產生帶有十六進制顏色的材質色板的套件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
846
喜歡數
35
Pub 分數
140

安裝套件

flutter pub add material_color_generator

套件介紹

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

一個 Flutter 套件,可根據給定的 HEX 顏色產生 Material Design 色彩調色板。它依照 Material 的色彩系統產生和諧的陰影與淺色,非常適合一致的 UI 設計。此套件支援所有主要平台,並能順暢整合至 Flutter 專案中。開發者可輕鬆透過產生基於主要色相的補色來自訂主題。非常適合需要動態且視覺上協調的色彩方案之應用。

適用情境

  • 建立動態應用主題
  • 產生一致的色彩調色板
  • 自訂 Material Design 組件
  • 增強UI視覺和諧
  • 自動化主題生成
  • 支援深色/淺色模式切換

主要特色

  • 產生 Material Design 色彩調色板
  • 支援 HEX 輸入
  • 建立淺色和深色變體
  • 跨平台相容性
  • 簡單 API 結合
  • 遵循材料指南

適合對象

  • Flutter 中的 UI/UX 設計師
  • 尋求主題一致性的應用開發者
  • 使用 Material Design 的項目
  • 動態主題實現
  • 色彩調色板自動化

使用建議

  • 需要有效的十六進制顏色輸入
  • 受限於材料設計顏色規則
  • 無執行時顏色調整
  • 依賴於平台特定的渲染
  • 不支援非 Material 色彩系統

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

material_color_generator

This package allows you to get a material color palette by giving any HEX color. Pretty simple, pretty plain.

How can i use this?

Go to the main.dart file of your project and find the MaterialApp widget. Pick any hex color and use with generateMaterialColor() method. It's done.

MaterialApp(
  debugShowCheckedModeBanner: false,
  title: 'Flutter App',
  theme: ThemeData(
    primarySwatch: generateMaterialColor(color: Color(0xFF113861)),
  ),
);

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

所屬分類

原始碼儲存庫

使用此套件的專案