showMaterialSwatchPicker function

Future<Color?> showMaterialSwatchPicker({
  1. required BuildContext context,
  2. String title = "Pick a color",
  3. required Color selectedColor,
  4. Color? headerColor,
  5. Color? headerTextColor,
  6. Color? backgroundColor,
  7. Color? buttonTextColor,
  8. String? confirmText,
  9. bool cancellable = true,
  10. String? cancelText,
  11. double? maxLongSide,
  12. double? maxShortSide,
  13. ValueChanged<Color>? onChanged,
  14. VoidCallback? onConfirmed,
  15. VoidCallback? onCancelled,

Allows selection of a color from swatches


Future<Color?> showMaterialSwatchPicker({
  required BuildContext context,

  /// The title for the dialog box
  String title = "Pick a color",

  /// The initially selected color
  required Color selectedColor,

  /// The dialog header color (overrides theme)
  Color? headerColor,

  /// The dialog header text color (overrides theme)
  Color? headerTextColor,

  /// The dialog background color (overrides theme)
  Color? backgroundColor,

  /// The button text color (overrides theme)
  Color? buttonTextColor,

  /// Text to display in the confirm button
  String? confirmText,

  /// Whether to display a cancel button
  bool cancellable = true,

  /// Text to display in the cancel button
  String? cancelText,

  /// Used to restrict how tall the dialog can be.
  double? maxLongSide,

  /// Used to restrict how wide the dialog can be.
  double? maxShortSide,

  /// Function that gets called when the value is changed
  ValueChanged<Color>? onChanged,

  /// Function that gets called when the confirm button is pressed
  VoidCallback? onConfirmed,

  /// Function that gets called when the cancel button is pressed
  VoidCallback? onCancelled,
}) {
  return showDialog<Color>(
    context: context,
    barrierDismissible: cancellable,
    builder: (BuildContext context) {
      return OrientationBuilder(
        builder: (context, orientation) {
          return ResponsiveDialog(
            context: context,
            title: title,
            headerColor: headerColor,
            headerTextColor: headerTextColor,
            backgroundColor: backgroundColor,
            buttonTextColor: buttonTextColor,
            confirmText: confirmText,
            cancelButtonVisible: cancellable,
            cancelText: cancelText,
            maxLongSide: maxLongSide,
            maxShortSide: maxLongSide,
            child: BlockPicker(
              pickerColor: selectedColor,
              onColorChanged: (color) => selectedColor = color,
            okPressed: () => Navigator.of(context).pop(selectedColor),
  ).then((selection) {
    if (selection != null) {
    } else {
    return selection;