如何避免RawKeyboardListener监听AlertDialog中的输入（StatelessWidget场景）

可以通过以下几种方式实现仅监听页面键盘事件、忽略弹窗输入框的需求：

方法一：通过FocusNode控制监听激活状态 #

给RawKeyboardListener绑定独立的FocusNode，弹窗弹出时让该FocusNode失活，关闭弹窗后恢复焦点，以此暂停/恢复监听：

1. 定义FocusNode实例：

final FocusNode _listenerFocusNode = FocusNode();

2. 配置RawKeyboardListener：

RawKeyboardListener(
  focusNode: _listenerFocusNode,
  autofocus: true, // 初始自动获取焦点开启监听
  onKey: (value) async {
    // 你的键盘事件处理逻辑
  },
  child: // 页面主体内容
)

3. 弹出弹窗时处理焦点：

showDialog(
  context: context,
  builder: (context) => AlertDialog(
    content: TextField(),
  ),
).then((_) {
  // 弹窗关闭后恢复监听焦点
  _listenerFocusNode.requestFocus();
});
// 弹窗弹出时立即暂停监听
_listenerFocusNode.unfocus();

方法二：在事件回调中判断输入框焦点状态 #

给弹窗内的TextField绑定FocusNode，在RawKeyboardListener的onKey回调里判断输入框是否获取焦点，若是则跳过事件处理：

1. 定义输入框的FocusNode：

final FocusNode _textFieldFocusNode = FocusNode();

2. 配置弹窗里的TextField：

AlertDialog(
  content: TextField(
    focusNode: _textFieldFocusNode,
  ),
)

3. 修改Listener的onKey逻辑：

onKey: (value) async {
  // 输入框获取焦点时，直接返回不处理事件
  if (_textFieldFocusNode.hasFocus) return;
  // 你的键盘事件处理逻辑
}

方法三：用独立FocusScope隔离弹窗焦点 #

给弹窗包裹独立的FocusScope，让弹窗焦点与页面Listener焦点处于不同作用域，弹窗打开时页面Listener会自动失去焦点监听：

showDialog(
  context: context,
  builder: (context) => FocusScope(
    node: FocusScopeNode(),
    child: AlertDialog(
      content: TextField(),
    ),
  ),
);

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