Flutter中如何隐藏Emoji键盘？点击外部无法隐藏的求助

你的代码里，FocusScope.of(context).unfocus()只能处理系统文本键盘的焦点，而自定义Emoji键盘是通过_showEmoji变量控制Offstage的显示状态，所以需要在点击外部时同时更新这个变量才能隐藏Emoji键盘。

修改后的代码示例 #

把原来的GestureDetector逻辑扩展，同时处理系统键盘和自定义Emoji键盘的隐藏：

GestureDetector(
  // 可选：避免拦截子Widget的点击事件
  behavior: HitTestBehavior.translucent,
  onTap: () {
    // 隐藏系统文本键盘
    FocusScope.of(context).unfocus();
    // 更新状态隐藏Emoji键盘
    setState(() {
      _showEmoji = false;
    });
  },
  child: // 包裹你的整个页面内容（包含Emoji键盘所在的父容器）
)

关键注意点 #

• 要保证GestureDetector包裹的范围足够大，覆盖页面空白区域，这样点击外部才能触发事件
• 如果页面内有其他可交互Widget（比如按钮、列表项），HitTestBehavior.translucent可以让子Widget的手势优先响应，不会被外层的GestureDetector拦截

内容的提问来源于stack exchange，提问作者Zaid khalid