时间戳

首页 > 解决方案 > 如何在焦点上更改 Flutter TextField 边框颜色？

flutter - 如何在焦点上更改 Flutter TextField 边框颜色？

问题描述

我创建了一个带有输入装饰的简单文本字段，并且Outlineboraderinput. 当我在该文本字段上键入时，我想更改边框颜色。下面的链接，你可以看到我的工作。我想要的是将蓝色边框更改为白色：

图片

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

标签： flutterdartflutter-layout

解决方案

添加 focusBorder insted of enabledBorder

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

推荐阅读