Using ColorPicker without ColorButton

[BoHellgren]

In my drawing app, the user can tap on a field to change its color. This invokes an AlertDialog:

showDialog(
        context: context,
        builder: (context) {
          return SingleChildScrollView(
            child: AlertDialog(
              title: const Text('Pick a color!'),
              content: ColorPicker(
                color: oldColor,
                onChanged: (value){
                  chosenColor = value;
                },
              actions: <Widget>[
                Row(
                  children: [
                    TextButton(
                      child: const Text('Cancel'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                    TextButton(
                      child: const Text('Save'),
                      onPressed: () {
                        artFields[fieldNo].fieldColor = chosenColor;
                        setState(() {});
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                ),
              ],
            ),
          );
        });

I cannot use ColorButton for this. I tried to use your version of ColorPicker but the results are strange (e.g. only some sliders react to taps and the rectangle at the bottom does not change color). I suppose using your ColorPicker directly this way is not supported? Should I give up on cyclop?

[rxlabz]

I've just pushed an update, you should now be able to use it like this, but you will not be able to use the EyeDropper.

ElevatedButton(
              child: const Text('Open ColorPicker'),
              onPressed: () {
                showDialog(
                  context: context,
                  builder: (context) {
                    return Dialog(
                      child: ColorPicker(
                        selectedColor: backgroundColor,
                        onColorSelected: (value) =>
                            setState(() => backgroundColor = value),
                        config: const ColorPickerConfig( enableLibrary: false, enableEyePicker: false),
                        onClose: Navigator.of(context).pop,
                        onEyeDropper: () {},
                        onKeyboard: () {},
                      ),
                    );
                  },
                );
              },
            ),
          )