Flutter项目Profile页点击TextField时键盘弹出后自动消失问题求助

你遇到的键盘弹出后立刻消失的问题由多重触发因素共同导致：

• 键盘弹出时会改变MediaQuery.of(context).viewInsets的值，触发整个页面重绘
• 重绘时StreamBuilder会拿到最新的用户数据快照，调用你定义在build方法内的TextProfile方法，你在该方法内直接执行了txt_name.text = userName、txt_status.text = userStatus，强制覆盖输入框控制器的文本内容，打断了TextField的输入状态，导致焦点丢失，键盘自动收起
• 你将所有子组件（PhotoProfile/ConditionComboBox/TextProfile/SaveButton）全部定义在build方法内部，每次重绘都会重新创建组件实例，进一步加剧了状态丢失的问题

按以下步骤修改代码即可解决问题：

1. 把所有定义在build方法内部的子组件，全部移到_ProfilePageState类下作为独立方法，不要每次build都重建组件实例
2. 移除TextProfile方法内强制给控制器赋值的逻辑，改成仅在首次加载数据、且输入框未获得焦点时赋值，避免打断输入状态，参考修改后的代码：

Widget TextProfile(String userName, String userStatus) {
  // 仅当输入框无焦点、且内容和服务端返回不一致时才赋值，不干扰正在进行的输入
  if (txt_name.text != userName && !txt_name.focusNode.hasFocus) {
    txt_name.text = userName;
  }
  if (txt_status.text != userStatus && !txt_status.focusNode.hasFocus) {
    txt_status.text = userStatus;
  }
  // 其余原有逻辑保持不变
}

3. 移除SingleChildScrollView子节点的padding: MediaQuery.of(context).viewInsets配置，Scaffold默认开启的resizeToAvoidBottomInset已经能自动处理键盘适配，手动绑定viewInsets会触发额外的布局重绘，你只需要保留你需要的固定边距即可
4. 可选优化：把stateCondition、profileImage的初始化逻辑移到initState内，通过监听一次Stream数据完成赋值，不要在build方法内做状态初始化

修改完成后点击TextField即可正常唤起键盘，不会再出现自动收起的问题。

内容的提问来源于stack exchange，提问作者Kuplay Community