[英]Flutter & Textfield : How do I restrict my user from using space in textfield by automatically removing that space?
How do I restrict my user from using space in textfield by automatically removing that space when the user finish typing?如何通过在用户完成输入后自动删除该空间来限制我的用户使用文本字段中的空间?
For example, if the user type King of Light
, it will apply as KingofLight
after he/she steps away from the textfield.例如,如果用户键入
King of Light
,则在他/她离开 textfield 后,它将应用为KingofLight
。
TextFormField(
initialValue: nickname != null
? nickname
: current_user.nickname,
decoration: InputDecoration(
border: new OutlineInputBorder(
borderSide: new BorderSide(color: Colors.grey),
borderRadius: BorderRadius.circular(6),
),
focusedBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.grey, width: 1.0),
borderRadius: BorderRadius.circular(6),
),
enabledBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.grey, width: 1.0),
borderRadius: BorderRadius.circular(6),
),
hintText: 'Empty',
hintStyle: TextStyle(
color: Colors.grey[400],
fontSize: 20,
//fontWeight: FontWeight.bold,
),
),
style: TextStyle(
fontSize: 20,
// fontWeight: FontWeight.bold,
),
validator: (val) => val.length < 2
? 'Enter a nickname 2+char long'
: null,
onChanged: (val) {
val = val.replaceAll(' ', '');
setState(() => nickname = val);
},
),
please help me!请帮我! thank you!
谢谢你!
One way you do this is like this using TextEditingController
and can call formatNickname()
as per your use case.您这样做的一种方法是使用
TextEditingController
并且可以根据您的用例调用formatNickname()
。
class _MyWidgetState extends State<MyWidget>{
FocusNode node = new FocusNode();
TextEditingController tc = TextEditingController();
@override
void initState(){
node.addListener((){
if(!node.hasFocus){
formatNickname();
}
});
super.initState();
}
void formatNickname(){
tc.text = tc.text.replaceAll(" ", "");
}
@override
Widget build(BuildContext context) {
return Column(
children: [
TextFormField(
focusNode: node,
controller: tc,
),
TextFormField(),
RaisedButton(
child: Text('Format'),
onPressed: (){
formatNickname();
},
),
],
);
}
}
Text field which does not allow spaces, using RegExp.不允许空格的文本字段,使用 RegExp。 As below-
如下-
TextFormField(
inputFormatters: [
if (denySpaces)
FilteringTextInputFormatter.deny(
RegExp(r'\s')),
])
Above solution worked for me, to block space from keyboard.以上解决方案对我有用,可以阻止键盘空间。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.