顫動更改文本字段下划線顏色

Question

當文本字段處於非活動狀態/未聚焦時，我試圖更改它的下划線顏色。 我不確定在哪里進行此更改， InputDecorationTheme僅在選擇時更改下划線顏色。 我如何實現這一目標？

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

當文本字段未被選中/失焦時，我試圖將文本字段的這種顏色更改為較淺的灰色。

Answer 1

對於那些可能需要實現類似目標的人，請更改Theme小部件中的hintColor 。

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

Answer 2

我們可以使用InputDecoration

試試這個方法

 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,
                      ),

輸出