当前位置: 首页 > 知识库问答 >
问题:

颤振更改文本字段下划线颜色

阎建中
2023-03-14

我试图改变一个文本字段的下划线颜色时,它的非活动/不集中。我不确定在哪里进行此更改,输入装饰主题仅在选中时更改下划线颜色。我如何实现这一点?

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

我试图改变这种颜色文本字段为浅灰色时,它没有选择/失去焦点。

共有2个答案

胡俊弼
2023-03-14

我们可以使用输入装饰

这样试试

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

输出

柯曜文
2023-03-14

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

new Theme(
          data: new ThemeData(
              //this changes the colour
              hintColor: Colors.grey,
              inputDecorationTheme: new InputDecorationTheme(
                  labelStyle: new TextStyle(color: Colors.blue))));
 类似资料:
  • 我对这两个都不熟悉 在我所有的表单中,textField的下划线都显示为蓝色。我想把它换成其他颜色。我使用的代码就像。。。 无法理解如何实现这一点。 注意:我知道这里有一个类似的问题,在flifter中更改TextField的下划线。但是,在那里也没有完全解决。另外,还有一个链接看起来与我的类似,它在这里使用appcompat v7更改EditText底线颜色,但实际上是属于Android开发的,

  • 我可以使用以下代码将颜色的轮廓颜色更改为纯色: 但是,我无法将其颜色更改为渐变,因为它只接受颜色作为输入。如何将其下划线颜色更改为颤振中的线性渐变?

  • 问题内容: 我在这里有此代码: 首先,如您所见,它带有下划线()。其次,所有文字均为红色。那么,是否有将文本($ username)留为红色而下划线为黑的情况? 问题答案: 不能。您最好的方法是使用其他颜色的,但这并不是 真正的重点 。

  • 这就是我想做的: 在文本字段的颤振文档中(https://flutter.io/text-input/)它说您可以通过向装饰传递来删除下划线。但是,这也会消除提示文本。 我不希望任何下划线是否文本字段是重点或不。 更新:更新了公认答案,以反映2020年4月颤振SDK的变化。

  • 默认是某种蓝色(可能是全息蓝色),但我需要将其更改为橙色。问题是,我不知道这到底是怎么叫的(这是下划线,指示器还是什么?),所以我不能自己谷歌这个。 谢谢

  • WebStorm似乎是web开发的IDE,我一直很喜欢它。唯一的问题是过梁的错误强调: 由于这种浅色,我花了相当多的时间进行调试,而错误本来就不应该发生,我环顾四周,没有找到更改颜色的方法。这在WebStorm中可能吗? 即使是黑色的主题也没有强烈对比的下划线。我们能改变它吗?