TextField踩坑之textInputAction.next无效

bug复现

这几天用Flutter做了一个登录页面,做完之后发现输入用户名后点击下一步无效,焦点还在用户名的TextField上,并没有移到密码框
效果如下

效果图.gif

解决方法

为用户名输入框和密码输入框添加focusNode 然后再给用户名输入框添加onEditingComplete
代码如下

  FocusNode _phoneFocusNode = FocusNode();
  FocusNode _passwordFocusNode = FocusNode();

//用户名输入框
TextField(
        focusNode: _phoneFocusNode,
        onEditingComplete:() {
          FocusScope.of(context).requestFocus(_passwordFocusNode);
        },
        ...
)

//密码输入框
TextField(
        focusNode: _passwordFocusNode 
        ...
)

问题解决 再运行一遍

效果图

成功的效果图.gif

吐槽

百度了很久,逛了很多博客csdn 简书 博客园等等都没找到解决方案 ,最后还是在Stack Overflow看国外友人的方案才解决
希望遇到此类问题的朋友可以看到我的博客能尽快解决问题 不用找那么久

参考 textInputAction: TextInputAction.next failing to move user focus to next element

感谢Stack Overflow的chunhunghan