Flutter开发Android TV应用如何实现可选中、可聚焦的Widget

Android TV的方向键交互完全依赖Flutter的焦点遍历逻辑，只有被焦点系统识别为可聚焦的组件，才会被纳入方向键切换的候选队列，两种实现的本质差异就在于是否向焦点系统注册了可聚焦属性：

• ElevatedButton等Material按钮组件：内部默认集成了焦点逻辑，canRequestFocus属性默认为true，自带焦点状态监听和选中高亮效果，会自动加入焦点遍历队列，方向键可以正常选中，配合你配置的ActivateIntent快捷键，选中后按确定键可以直接触发onPressed回调。
• GestureDetector包裹Card的组合：GestureDetector仅处理触摸点击事件，没有实现焦点相关逻辑，Card组件本身默认也不可聚焦，整个组合不会被识别为可聚焦节点，焦点遍历的时候会直接跳过，自然无法响应方向键选中操作。

不需要强制替换为ElevatedButton，只需要给组合组件添加可聚焦属性即可，推荐使用自带焦点、点击效果的InkWell替代GestureDetector，示例代码如下：

InkWell(
  // 明确声明可请求焦点
  canRequestFocus: true,
  onTap: () => onCardTap(),
  // 自定义焦点选中时的高亮效果，可选，匹配Card的圆角
  focusColor: Colors.white.withOpacity(0.2),
  borderRadius: BorderRadius.circular(15.0),
  child: Card(
    color: color,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(15.0),
    ),
    elevation: 10,
    child: SizedBox(
        width: (width / numberOfCards) - padding * (numberOfCards - 1),
        height: (height / 2) - padding * 2,
        child: Center(child: Text(cardTitle, style: Theme.of(context).textTheme.bodyText1?.copyWith(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.white),))),
  ),
)

如果需要更灵活的焦点状态控制，也可以手动绑定FocusNode，监听焦点变化动态调整Card的样式、elevation等属性，实现自定义的选中反馈效果。你已经配置的Shortcuts规则无需修改，可聚焦组件的onTap回调会在按遥控器确定键时自动触发。

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