Flutter change textfield underline Color

时间:2018-05-12 11:34:23

标签: dart flutter

我正在尝试更改文本字段的下划线颜色,当它处于非活动状态/未聚焦时。我不确定在何处进行此更改,InputDecorationTheme仅更改选中时的下划线颜色。我如何实现这一目标?

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

我正在尝试将文本字段的颜色更改为浅灰色,如果没有选择/没有焦点。

enter image description here

2 个答案:

答案 0 :(得分:5)

对于可能需要实现类似功能的用户,请更改hintColor小部件中的Theme

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

答案 1 :(得分:0)

我们可以使用 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,
                      ),

输出

enter image description here