Flutter TextField焦点问题

我们在使用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,
      ),
    ],
)

也就是说每次修改完值得话，手动设置一下光标。


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！