You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter问题:点击TextField导致自定义AppBar自动关闭

Flutter自定义AppBar焦点异常问题解决

问题现象

在Flutter应用中,首页嵌入的自定义AppBar存在如下异常行为:

  • 展开AppBar后(无论是否点击内部TextField)将其关闭
  • 跳转至其他页面后返回首页
  • 再次展开AppBar时,点击TextField会触发AppBar自动关闭

该AppBar使用Riverpod管理跨页面状态,嵌入在HomeScreen页面中。

问题演示动图

问题根源

HomeScreen配置了UniqueKey属性,导致页面在返回时发生不必要的重建,进而干扰了TextField的焦点管理逻辑,最终引发AppBar自动关闭的异常。

解决方法

移除HomeScreen的UniqueKey设置,改用固定Key或默认Key,避免页面无意义重建对焦点状态的影响。


内容的提问来源于stack exchange,提问作者MICHEL Baptiste

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.09 12:44:56