Android TV端Flutter控件焦点异常问题求助

我花了大量时间排查，仍找不到修复方法。问题是在Android TV模拟器中，按遥控器Select键切换Switch状态时，会出现无响应的情况。

复现步骤 #

• 启动应用
• 在第一个文本控件中输入内容（需按上下键调出键盘，这是另一个待修复问题）
• 按遥控器返回键隐藏键盘（另外，求问此处如何使用提交功能）
• 按遥控器向下键，焦点切换至Switch控件
• 按Select按钮（第一次有效）
• 返回文本框，按返回键后再按遥控器向下键
• 此时按Select按钮，Switch无响应
• 按向下键后再按Select按钮，仍无响应
• 按向上键，Select按钮可切换Switch状态，恢复正常！再次切换至文本框，问题重复出现

问题分析 #

问题根源在于你给TextField包裹的Focus组件的onKey处理逻辑——它拦截了所有方向键事件并返回KeyEventResult.handled，这直接干扰了Flutter默认的焦点遍历机制，导致从TextField返回Switch后，焦点状态异常，无法正确响应Select键。

解决方案 #

1. 移除TextField外层的自定义Focus组件，Flutter默认已经适配了TV端的焦点遍历逻辑，不需要手动拦截方向键。
2. 针对你提到的两个附加问题，同步给出优化方案：
   • 优化TV端键盘调出逻辑
   • 实现文本框提交功能

修改后的完整代码 #

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Shortcuts(
      shortcuts: <LogicalKeySet, Intent>{
        LogicalKeySet(LogicalKeyboardKey.select): const ActivateIntent(),
      },
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool switchValue = false;
  final TextEditingController _textController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Column(
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 10),
              // 移除自定义Focus组件，使用默认焦点处理
              child: TextField(
                autofocus: true,
                controller: _textController,
                // 配置提交行为
                textInputAction: TextInputAction.done,
                onSubmitted: (value) {
                  // 提交逻辑：隐藏键盘+处理输入内容
                  FocusScope.of(context).unfocus();
                  print('提交内容: $value');
                },
                // 优化TV端键盘唤起体验
                keyboardType: TextInputType.text,
              ),
            ),
            Switch(
              value: switchValue,
              onChanged: (value) {
                setState(() {
                  switchValue = value;
                });
              },
            ),
            TextButton(
              onPressed: () => print('Button pressed'),
              style: TextButton.styleFrom(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(18.0),
                ),
              ),
              child: const Text('Test'),
            ),
          ],
        ),
      ),
    );
  }
}

附加问题说明 #

1. 键盘调出优化：移除自定义Focus后，按遥控器Select键即可直接唤起键盘；也可通过设置keyboardType指定键盘类型，进一步优化输入体验。
2. 提交功能实现：通过textInputAction: TextInputAction.done和onSubmitted回调，按下遥控器Select键（对应键盘Enter键）即可触发提交，并自动隐藏键盘。

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