AI prompts
base on HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps. # flutter_colorpicker
[](https://pub.dev/packages/flutter_colorpicker)
[](https://github.com/mchome/flutter_colorpicker)
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.
[Web Example](https://mchome.github.io/flutter_colorpicker)
## Getting Started
Use it in [showDialog] widget:
```dart
// 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();
},
),
],
),
)
```
<!-- markdownlint-disable MD033 -->
<img src="https://user-images.githubusercontent.com/7392658/141606774-8193f4ee-e40d-49fc-b081-261c72325bf8.png">
Details in [example](https://github.com/mchome/flutter_colorpicker/tree/master/example) folder.
", Assign "at most 3 tags" to the expected json: {"id":"10183","tags":[]} "only from the tags list I provide: []" returns me the "expected json"