记录一个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,
          ),
        ],
      )

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

   //每次修改内容的时候需要再手动修改selection
      _controller.selection = TextSelection.fromPosition(
          TextPosition(offset: _controller.text.length));

修复Flutter输入框光标文字焦点不对齐问题
https://blog.csdn.net/u013095264/article/details/103069304

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值