Home > Enterprise >  Set labelText color, but respect error validation color
Set labelText color, but respect error validation color

Time:09-05

I have a TextFormField with a labelText. I would like the labelText to be orange, unless when the form validation fails, then the text should be standard error red.

enter image description here

But if I put a TextStyle in the decoration options, and setting the color to orange, this text style overrides the standard validation color:

TextFormField(
   decoration: InputDecoration(
       labelText: 'I want to be orange',
       labelStyle: TextStyle(color: Colors.orange),
   ),
   validator: (value) {
       if (value == null || value.isEmpty || value != 'test') {
           return 'Validation error';
       }
       return null;
     },
   ),

enter image description here

I can´t seem to find any properties on the TextFormField that supports this case. I also searched for a solution where I could set the TextStyle based on the status of the validation, but it seems like it is not possible to access the validation state inside the TextFormField.

One would think this is a pretty common case. What am I missing here?

  • Related