flutter pub add flutter_colorpicker基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个Flutter包，提供HSV(HSB)、HSL、RGB和Material色彩选择器，设计灵感来自现代设计原则。它提供了直观且视觉上吸引人的小部件，用于在多种色彩模型中选择颜色，非常适合需要丰富色彩自定义的应用程序。该选择器支持所有主要平台，包括Android、iOS、Web、macOS、Windows和Linux，确保一致的用户体验。基于Flutter的小部件系统构建，可无缝集成到现有项目中。该包积极维护且开源，允许开发者扩展或贡献其功能。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps.
Adorable color pickers out of the box with highly customized widgets to all developers' needs.
Use it in [showDialog] widget:
// create some values
Color pickerColor = Color(0xff443a49);
Color currentColor = Color(0xff443a49);
// ValueChanged<Color> callback
void changeColor(Color color) {
setState(() => pickerColor = color);
}
// raise the [showDialog] widget
showDialog(
context: context,
child: AlertDialog(
title: const Text('Pick a color!'),
content: SingleChildScrollView(
child: ColorPicker(
pickerColor: pickerColor,
onColorChanged: changeColor,
),
// Use Material color picker:
//
// child: MaterialPicker(
// pickerColor: pickerColor,
// onColorChanged: changeColor,
// showLabel: true, // only on portrait mode
// ),
//
// Use Block color picker:
//
// child: BlockPicker(
// pickerColor: currentColor,
// onColorChanged: changeColor,
// ),
//
// child: MultipleChoiceBlockPicker(
// pickerColors: currentColors,
// onColorsChanged: changeColors,
// ),
),
actions: <Widget>[
ElevatedButton(
child: const Text('Got it'),
onPressed: () {
setState(() => currentColor = pickerColor);
Navigator.of(context).pop();
},
),
],
),
)
Details in example folder.