How to change the colour of line below TextField ,whenever a wrong input is made in Flutter?

Question

I want to change the color of the text input filed when a wrong value is entered, e.g an invalid email is entered then the TextField will become red and the line below text field also becomes red, I want to make it orange.

Solution

Same can done with - decoration: InputDecoration

TextField(
              decoration: InputDecoration(
                errorStyle: TextStyle(fontSize: 20.0,color: Colors.orange),
                focusedErrorBorder: OutlineInputBorder(borderSide: BorderSide(color: 
                Colors.orange)),
         )

Comments

[Nicolai Henriksen]

This is an iOS answer and a Flutter answer is requested.