选择/聚焦TextFieldForm时,OutlineInputBorder消失

时间:2018-04-19 20:57:13

标签: flutter

我正在创建一个登录屏幕,我的电子邮件字段如下所示: final email = new TextFormField( keyboardType: TextInputType.emailAddress, autofocus: false, decoration: new InputDecoration( hintText: "Email", contentPadding: new EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0), border: new OutlineInputBorder( borderRadius: new BorderRadius.circular(32.0), ), ), );

问题在于,当用户选择此字段开始输入其电子邮件时,轮廓边框会消失。我希望它留下来。是否有我应该使用的其他小部件,或者我不知道的处理方式?

提前致谢:)

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

我遇到了同样的问题。

您的主题的强调色和屏幕的背景色似乎相同。为强调色或背景色配置其他颜色将解决您的问题。