我们在使用TextField的时候,有时候是通过按钮给它修改值的,比如
这时候就会有一个很坑的问题,你点完按钮输入框的值改变后,焦点会自动移动到最前端,这时候再去输入的话,输入的数字会显示到最前端,或者你想要删除输入框的值,会发现删除不了,这些都是Textfield焦点发生错乱的情况,需要我们手动确定焦点位置
修改前的代码:
Column(
children: <Widget>[
RaisedButton(
onPressed: () {
_controller.text = "newText";
},
child: Text("click me"),
),
TextField(
controller: _controller,
autofocus: true,
),
],
)
修改后
Column(
children: <Widget>[
RaisedButton(
onPressed: () {
_controller.text = "newText";
//每次修改内容的时候需要再手动修改selection
_controller.selection = TextSelection.fromPosition(
TextPosition(offset: _controller.text.length));
},
child: Text("click me"),
),
TextField(
controller: _controller,
autofocus: true,
),
],
)
也就是说每次修改完值得话,手动设置一下光标
//每次修改内容的时候需要再手动修改selection
_controller.selection = TextSelection.fromPosition(
TextPosition(offset: _controller.text.length));
修复Flutter输入框光标文字焦点不对齐问题
https://blog.csdn.net/u013095264/article/details/103069304