Flutter change textfield underline Color

Question

I am trying to change the underline color of a textfield when it's inactive/not focused. I am not sure where to make this change, InputDecorationTheme is only changing the underline color for when it's selected. How do I achieve this?

inputDecorationTheme: new InputDecorationTheme(
          labelStyle: new  TextStyle(
              color: Colors.blue[200],
          ),
          hintStyle: new TextStyle(color: Colors.grey),
        ),

I am trying to change this color the textfield to a lighter grey when it's not selected/out of focus.

Possible duplicate of [Change TextField's Underline in Flutter](https://stackoverflow.com/questions/48706884/change-textfields-underline-in-flutter) — Rémi Rousselet, May 12 '18 at 11:39

score 8 · Accepted Answer · answered May 13 '18 at 12:18

For those who might need to achieve something similar, change the hintColor in your Theme widget.

new Theme(
          data: new ThemeData(
              //this changes the colour
              hintColor: Colors.grey,
              inputDecorationTheme: new InputDecorationTheme(
                  labelStyle: new TextStyle(color: Colors.blue))));

score 5 · Answer 2 · answered Nov 22 '19 at 17:40

We can use InputDecoration

Try this way

 new TextFormField(
                        controller: passTextController,
                        decoration: new InputDecoration(
                            labelText: "Enter password",
                            enabledBorder: UnderlineInputBorder(
                              borderSide: BorderSide(color: Colors.grey),
                              //  when the TextFormField in unfocused 
                            ) ,
                            focusedBorder: UnderlineInputBorder(
                              borderSide: BorderSide(color: Colors.blue),
                              //  when the TextFormField in focused 
                            ) ,
                            border: UnderlineInputBorder(
                            )
                        ),
                        keyboardType: TextInputType.text,
                        obscureText: true,
                      ),

OUTPUT

Flutter change textfield underline Color

2 Answers2