首页 > 解决方案 > 无边框颜色的圆角Textfiled

问题描述

我需要一个圆角TextField,我可以做到这一点,但它显示的是默认边框颜色。我尝试更改borderSide但无法更改颜色(它仍然是黑色):

       TextFormField(
                decoration: InputDecoration(
                    prefixIcon: Icon(
                      Icons.person,
                      color: Colors.white,
                    ),
                    border: OutlineInputBorder(
                      // width: 0.0 produces a thin "hairline" border
                      borderRadius: BorderRadius.all(Radius.circular(90.0)),
                      borderSide: BorderSide(color: Colors.white24)
                      //borderSide: const BorderSide(),
                    ),

                    hintStyle: TextStyle(color: Colors.white,fontFamily: "WorkSansLight"),
                    filled: true,
                    fillColor: Colors.white24,
                    hintText: 'Password'),
              ),

我需要这个,我不想要焦点线,但光标应该是白色的。我试图改变border参数中的所有内容,但仍然没有改变。

我想:

在此处输入图像描述

我得到这个:

在此处输入图像描述

标签: androidtextflutter

解决方案


放:

borderSide: BorderSide.none,

如:

   TextFormField(
            decoration: InputDecoration(
                prefixIcon: Icon(
                  Icons.person,
                  color: Colors.white,
                ),
                border: OutlineInputBorder(
                  // width: 0.0 produces a thin "hairline" border
                  borderRadius: BorderRadius.all(Radius.circular(90.0)),
                  borderSide: BorderSide.none,
                  //borderSide: const BorderSide(),
                ),

                hintStyle: TextStyle(color: Colors.white,fontFamily: "WorkSansLight"),
                filled: true,
                fillColor: Colors.white24,
                hintText: 'Password'),
          ),

推荐阅读