在FLUTTER中更改TextFormField的默认边框颜色

deyfvvtc 于 2023-02-05 发布在 Flutter

关注(0)|答案(2)|浏览(276)

当TextFormField不活动时，无法更改默认边框颜色。当TextFormField不活动时，将显示深灰边框颜色。那么，如何更改呢？

Theme(
              data: new ThemeData(
                primaryColor: Colors.red,
                primaryColorDark: Colors.black,
              ),
              child: TextFormField(
                decoration: new InputDecoration(
                  labelText: "Enter Email",
                  fillColor: Colors.white,
                  border: new OutlineInputBorder(
                    borderRadius: new BorderRadius.circular(25.0),
                    borderSide: new BorderSide(),
                  ),
                  //fillColor: Colors.green
                ),
                validator: (val) {
                  if (val.length == 0) {
                    return "Email cannot be empty";
                  } else {
                    return null;
                  }
                },
                keyboardType: TextInputType.emailAddress,
                style: new TextStyle(
                  fontFamily: "Poppins",
                ),
              ),
            ),

flutter

来源：https://stackoverflow.com/questions/56730412/change-the-default-border-color-of-textformfield-in-flutter

2条答案

按热度按时间

fhg3lkii1#

使用InputDecoration的enabledBorder，不要忘记您还可以使用focusedBorder，如下所示：

InputDecoration(
                labelText: "Enter Email",
                fillColor: Colors.white,
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(25.0),
                  borderSide: BorderSide(
                    color: Colors.blue,
                  ),
                ),
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(25.0),
                  borderSide: BorderSide(
                    color: Colors.red,
                    width: 2.0,
                  ),
                ),
)

赞(0）回复(0）举报 2023-02-05

js5cn81o2#

`OutlineInputBorder(
                borderSide: BorderSide(
                color: AppColor.secondaryBackground)),
                focusedBorder: OutlineInputBorder(
                borderSide: BorderSide(color: 
                AppColor.secondaryBackground)),
                enabledBorder: OutlineInputBorder(
                borderSide:  BorderSide(color: 
                AppColor.secondaryBackground)),`

赞(0）回复(0）举报 2023-02-05

我来回答

在FLUTTER中更改TextFormField的默认边框颜色

2条答案

相关问题

热门标签

最新问答