Flutter如何处理键盘快捷键：按住Alt后按A触发事件的实现问题

问题原因 #

你当前使用的LogicalKeySet检测逻辑是判断多个按键同时处于激活状态，对按键按下的时间差容忍度极低，只有近乎同时按下Alt和A才能触发，不符合你先按住Alt再按A的需求。
另外你当前代码将计数变量integer定义在StatelessWidget中，StatelessWidget是不可变组件，每次重建都会重置该变量，后续状态计数也会出现异常。

修复方案 #

使用Flutter官方提供的SingleActivator替代LogicalKeySet，该类专门用于修饰键（Alt/Shift/Ctrl等）+普通按键的组合场景，天然支持先按住修饰键再按普通键的触发逻辑。同时将组件改为StatefulWidget持久化状态。

完整修改后代码 #

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

void main() => runApp(const MyApp());

class MyIntent extends Intent {}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int integer = 0;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Shortcuts(
        shortcuts: {
          // 用SingleActivator替代LogicalKeySet，支持先按Alt再按A
          SingleActivator(LogicalKeyboardKey.keyA, alt: true): MyIntent(),
          // 如果需要按住Alt+A不松开重复触发，加参数includeRepeats: true即可
          // SingleActivator(LogicalKeyboardKey.keyA, alt: true, includeRepeats: true): MyIntent(),
        },
        child: Actions(
          actions: {
            MyIntent: CallbackAction(onInvoke: (i) {
              print('rocks!!! $integer');
              setState(() {
                integer++;
              });
              return null;
            }),
          },
          child: const Focus(
            autofocus: true,
            child: SizedBox(
              height: 200,
              width: 500,
              child: Column(
                children: <Widget>[
                  Text('List of Homework'),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

额外注意事项 #

• 如果在Web端触发时遇到浏览器默认Alt快捷键拦截的情况，可以在应用入口添加ServicesBinding.instance.keyboardEventManager.stopPropagationForNonTextFields = true; 避免事件冒泡到浏览器。
• 确保当前组件始终持有焦点，否则快捷键不会触发，你当前设置的autofocus: true在页面无其他焦点抢夺的场景下可以正常生效。

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