flutter - 选择/聚焦 TextFieldForm 时 OutlineInputBorder 消失

Question

我正在制作一个登录屏幕，我的电子邮件字段如下所示:
最终电子邮件 = new TextFormField(
键盘类型:TextInputType.emailAddress，
自动对焦:假，
装饰:新的输入装饰(
hintText: "电子邮件",
contentPadding: new EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
边框:新的OutlineInputBorder(
borderRadius: new BorderRadius.circular(32.0),
),
),
);

问题是，当用户选择此字段开始输入他们的电子邮件时，轮廓边框会消失。我想让它留下来。有没有我应该使用的其他小部件，或者我不知道的处理方法？

提前致谢:)

Answer 1

使用 focusedBorder

TextField(
      decoration: InputDecoration(
          focusedBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(8.0),
            borderSide: BorderSide(width: 1, color: AppColors.redColor),
          ),
          enabledBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(8.0),
            borderSide: BorderSide(width: 1, color: AppColors.redColor),
          ),
          fillColor: AppColors.whiteColor,
          filled: true,
    )