首页 > 建站教程 > APP开发,混合APP >  Flutter TextField焦点问题正文

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,
      ),
    ],
)
也就是说每次修改完值得话,手动设置一下光标。