flutter pub add flutter_brand_palettes根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，提供一組優雅、宣告式的色彩調色盤，適用於知名品牌與公司。專為需要在應用程式中保持一致且符合品牌色彩的開發者設計，提供可直接對應官方品牌色彩的易用類別。支援多個平台，並可透過簡單的 pub add 命令順暢整合至 Flutter 專案中。非常適合品牌建構、UI 設計一致性，以及使用真實世界品牌美學進行快速原型設計。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
Flutter Brand Palettes is a collection of declarative, object-oriented classes for the color palettes of popular brands and companies.
For example, to retrieve the Instagram colors at once, as a List<Color>
object, simply declare InstagramGrad().colors — the 'Grad' suffix is short for
Gradient.
For a single color, simply select it from the color palette class it belongs to.
For example, the command Instagram.royalBlue() retrieves the royal blue color
from the Instagram color palette; likewise, Instagram.yellow() retrieves the
yellow color; and so on.
In addition, all classes are well-documented and fully unit-tested, passing through a CI pipeline with rigorous quality ports.
Instead of a constant integer value, a color is represented by a named constructor of its corresponding brand class. In this way, the source code becomes more object-oriented, readable and maintainable.
For example, the command Facebook.blue().color returns Facebook's blue color
#4267B2. Similarly, the command Instagram.red().color returns Instagram's
red color #FD1D1D; Google.red().color, Google's red color #DB4437.
Therefore, the command pattern for any brand is: 'Brand.colorName().color'.
The code bellow builds a container widget whose background color is Facebook blue.
import 'package:brand_colors/flutter_brand_colors.dart';
import 'package:flutter/material.dart';
class FacebookIsh extends StatelessWidget {
const _blue = Facebook.blue();
@override
Widget build(BuildContext context) => Container(color: _blue.color);
}
The code below builds a rectangle filled with the Google logo gradient.
/// Rectangle filled with Google logo color gradient.
class Googleish extends StatelessWidget {
static final _googleGrad = const GoogleGrad().colors;
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
gradient: LinearGradient(colors: _googleGrad),
),
);
}
}
The result of the previous code in full screen
The demo application provides a fully working example, focused on demonstrating exactly one brand in action: Instagram. You can take the code in this demo and experiment with it.
To run the demo application:
git clone https://github.com/dartoos-dev/flutter_brand_palettes.git
cd flutter_brand_palettes/example/
flutter run -d chrome
This should launch the demo application on Chrome in debug mode.
Do you need a color palette that has not been implemented yet?
It doesn't matter the size and relevance of the company, not even if it's a tech company.
Just open an issue and enter the brand or company name; the color palette will be implemented as soon as possible.
Contributors are welcome!
Make sure the command below passes before making a Pull Request.
flutter analyze && flutter test
For more in-depth details — hex codes, brand colors, etc. —, check the color-palettes API documentation.
依賴清單 1 項
^2.2.2暫無相關資料。