欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改Flutter的TextField里的下划线

程序员文章站 2022-03-04 21:02:16
...

修改前TextField里的下划线颜色是跟着主题色走的

修改Flutter的TextField里的下划线

 

添加以下代码

            TextField(
                autofocus: true,
                focusNode: focusNode1,//关联focusNode1
                decoration: InputDecoration(
                    labelText: "备注:",
                    labelStyle:TextStyle(color:Color(0x99000000)),
                    hintText:'请输入',
                    hintMaxLines:2,
                    // 主要添加以下代码
                  enabledBorder: new UnderlineInputBorder( // 不是焦点的时候颜色
                    borderSide: BorderSide(
                        color: Color(0x19000000)
                    ),
                  ),
                  focusedBorder: new UnderlineInputBorder( // 焦点集中的时候颜色
                    borderSide: BorderSide(
                        color: Color(0x19000000)
                    ),
                  ),
                ),
              ),

 

添加代码后的颜色

修改Flutter的TextField里的下划线