[FormBuilderColorPickerField]: Color labels are not user friendly

[mgalgs]

Is there an existing issue for this?

• [x] I have searched the existing issues

Package/Plugin version

12.0.0

Platforms

• [x] Android
• [x] iOS
• [ ] Linux
• [ ] MacOS
• [ ] Web
• [ ] Windows

Flutter doctor

Flutter doctor

> fvm flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.29.2, on Arch Linux 6.12.20-1-lts, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Linux toolchain - develop for Linux desktop
[✓] Android Studio (version 2024.3)
[✓] Connected device (2 available)
[✓] Network resources

! Doctor found issues in 1 category.

Minimal code example

Code sample

          FormBuilderColorPickerField(
            name: 'text_color',
            initialValue: textColor,
            colorPickerType: ColorPickerType.materialPicker,
            decoration: const InputDecoration(labelText: 'Text color'),
            onChanged: (value) {
              if (value != null && value != textColor) {
                textColor = value;
                onChange();
              }
            },
          ),

Current Behavior

The label on each color in the material picker is pretty wild.

Android:

iOS:

Expected Behavior

A cleaner representation of the color (possibly just the hex value in a smaller text size).

Steps To Reproduce

Open a color picker

Aditional information

No response

[mgalgs]

Is this actually the same as #137 though? Note that this is the material picker pop-up, whereas #137 refers to the label after a color is selected.

[deandreamatias]

Is related with this: https://github.com/mchome/flutter_colorpicker/pull/120

[deandreamatias]

This issue is from dependency package flutter_colorpicker. Until don't resolve there, we can't update here