Flutter开发CHAINWAY C61应用时d-pad在TextFormField获焦后失效求助

问题根因 #

该问题是Flutter默认的TextField输入处理逻辑抢占了D-Pad按键事件，导致全局焦点导航无法接收方向键输入，切后台恢复正常是因为应用回到前台时触发了全局焦点树重置，临时解除了事件抢占。

可行解决思路 #

• 方案1：拦截TextField的按键事件，放行D-Pad导航按键
  给TextFormField新增onKeyEvent回调，识别到D-Pad相关按键时不拦截，交给上层焦点导航系统处理，代码示例：

import 'package:flutter/services.dart';

TextFormField(
  autofocus: true,
  showCursor: false,
  controller: _textEditingController,
  onKeyEvent: (node, event) {
    const dPadKeys = [
      LogicalKeyboardKey.arrowUp,
      LogicalKeyboardKey.arrowDown,
      LogicalKeyboardKey.arrowLeft,
      LogicalKeyboardKey.arrowRight,
      LogicalKeyboardKey.select,
      LogicalKeyboardKey.enter,
    ];
    if (dPadKeys.contains(event.logicalKey) && event is KeyDownEvent) {
      // 放行导航按键，交给全局焦点系统处理
      return KeyEventResult.ignored;
    }
    // 普通输入类按键由TextField自行处理
    return KeyEventResult.handled;
  },
  decoration: InputDecoration(
    labelText: 'Indeks',
    border: const OutlineInputBorder(),
    suffixIcon: const Icon(Icons.error),
  ),
)

• 方案2：关闭TextField默认编辑交互
  如果你的使用场景不需要用户手动移动光标、选择文本，可以直接给TextFormField添加enableInteractiveSelection: false配置，直接禁止TextField抢占D-Pad按键用于编辑操作，优先级高于默认输入逻辑。
• 方案3：全局映射D-Pad按键到焦点导航
  如果局部拦截不生效，可以在应用根节点全局配置快捷键映射，强行覆盖TextField的默认按键处理：

MaterialApp(
  shortcuts: {
    LogicalKeySet(LogicalKeyboardKey.arrowUp): const NextFocusIntent(),
    LogicalKeySet(LogicalKeyboardKey.arrowDown): const PreviousFocusIntent(),
    LogicalKeySet(LogicalKeyboardKey.arrowLeft): const PreviousFocusIntent(),
    LogicalKeySet(LogicalKeyboardKey.arrowRight): const NextFocusIntent(),
  },
  home: const HomePage(),
)

• 方案4：手动刷新焦点树
  可以在TextField提交或者失去焦点时，手动调用FocusScope.of(context).requestFocus(FocusNode())，强制重置当前页面的焦点状态，模拟切后台恢复的效果。

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