flutter开发你一定能用得到的笔记
1.关于输入文本框TextField
focusNode属性:如果不定义的话,不会弹出键盘。
controller属性:编辑框的控制器,用于交互数据。
decoration属性:设置输入框的装饰器
可用的值有:
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(setWidth(30)),
// border: Border(bottom: BorderSide(color: Color(0xFF65D1FF))),
color: Color(0xFF65D1FF),
),
keyboardType:设置输入类型,就是键盘类型,可用的值是TextInputType.text,TextInputType.phone,TextInputType.datetime,TextInputType.emailAddress,TextInputType.url,TextInputType.visiblePassword
源码:
static const List<TextInputType> values = <TextInputType>[
text, multiline, number, phone, datetime, emailAddress, url, visiblePassword, name, streetAddress,
];
inputFormatters:是用于输入框的限制,
(1)WhitelistingTextInputFormatter 白名单校验,也就是只允许输入符合规则的字符
(2)BlacklistingTextInputFormatter 黑名单校验,除了规定的字符其他的都可以输入
(3)LengthLimitingTextInputFormatter 长度限制,跟maxLength作用类似
例如:只允许输入小写的a到z
inputFormatters: [WhitelistingTextInputFormatter(RegExp("[a-z]"))],
除了小写的a到z都可以输入:
inputFormatters: [BlacklistingTextInputFormatter(RegExp("[a-z]"))],
限制黑名单加长度:
inputFormatters: [
BlacklistingTextInputFormatter(RegExp("[a-z]")),
LengthLimitingTextInputFormatter(5)
],