是可能有一个不同的边界颜色为每个状态的文本表单字段在Flutter即当该领域是不活跃的,当活跃和不活跃,但有文本的领域
TextFormField emailUserForm() {
return TextFormField(
keyboardType: TextInputType.emailAddress,
cursorColor: textBlack50Color,
autocorrect: false,
validator: (text) => validateEmail(text!),
onSaved: (name) {
_email = name!;
print('on save called');
},
decoration: const InputDecoration(
fillColor: Colors.white,
filled: true,
border: OutlineInputBorder(
borderSide: BorderSide(color: textBlack50Color, width: 1.0),
borderRadius: BorderRadius.all(Radius.circular(15.0))),
labelStyle: TextStyle(
color: textBlack50Color,
fontSize: 14,
fontWeight: FontWeight.w500),
hintStyle: TextStyle(fontSize: 17),
hintText: 'Your email address',
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: textBlackColor, width: 1.0),
borderRadius: BorderRadius.all(Radius.circular(15.0))),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: textBlackColor , width: 1.0),
borderRadius: BorderRadius.all(Radius.circular(15.0))),
),
);
}
3条答案
按热度按时间xfb7svmp1#
是的,您应该在
InputDecoration
类中设置特定的属性。根据文档,以下是不同的边框样式:代码:
hgncfbus2#
试试下面的代码希望对你有帮助。
您的结果没有聚焦屏幕-> x1c 0d1x
您的结果与焦点屏幕->
nwlqm0z13#
您可以设置一个
controller
并尝试在enabledBorder
属性中执行一些操作。使用AnimatedBuilder
监听文本输入的变化。