如何更改焦点上的Flutter文本字段边框颜色

时间:2019-02-05 15:11:45

标签: flutter flutter-layout

我用输入装饰和Outlineboraderinput创建了一个简单的文本字段。当我在该文本字段上键入内容时,我想更改边框颜色。在下面的链接中,您可以看到我的作品。我想要的是将蓝色边框更改为白色

image

TextFormField(
        decoration: InputDecoration(
          labelText: "Resevior Name",
          fillColor: Colors.white,
          enabledBorder:OutlineInputBorder(
            borderSide: const BorderSide(color: Colors.white, width: 2.0),
            borderRadius: BorderRadius.circular(25.0),
          ),
        ),
      )

2 个答案:

答案 0 :(得分:2)

添加由enabledBorder插入的focusBorder

TextFormField(
        decoration: InputDecoration(
          labelText: "Resevior Name",
          fillColor: Colors.white,
          focusedBorder:OutlineInputBorder(
            borderSide: const BorderSide(color: Colors.white, width: 2.0),
            borderRadius: BorderRadius.circular(25.0),
          ),
        ),
      )

答案 1 :(得分:0)

您可以使用此 TextFormField( decoration: InputDecoration( labelText: "Resevior Name", fillColor: Colors.white, focusedBorder:OutlineInputBorder( borderSide: const BorderSide(color: Colors.red, width: 2.0), borderRadius: BorderRadius.circular(25.0), ), ), )