Flutter全局KeyboardListener实现及扫码结果分屏处理方案咨询

针对你需要全局监听扫码并让当前页面处理结果的需求，这里提供两种实用方案，结合你提到的抽象类思路，优先推荐第二种：

方案一：事件总线（快速实现） #

通过全局事件总线传递扫码结果，各个页面按需订阅事件：

1. 先创建一个简单的事件总线类：

class ScanEventBus {
  static final ScanEventBus _instance = ScanEventBus._internal();
  factory ScanEventBus() => _instance;
  ScanEventBus._internal();

  final _controller = StreamController<Beep>.broadcast();

  Stream<Beep> get scanResultStream => _controller.stream;

  void publishScanResult(Beep result) {
    _controller.add(result);
  }

  void dispose() {
    _controller.close();
  }
}

2. 在MyApp的扫码回调中发布事件：

// 替换原来的debugPrint部分
ScanEventBus().publishScanResult(value);

3. 在需要处理扫码的页面中订阅事件（以RelocationScreen为例）：

class RelocationScreen extends StatefulWidget {
  const RelocationScreen({Key? key}) : super(key: key);

  @override
  State<RelocationScreen> createState() => _RelocationScreenState();
}

class _RelocationScreenState extends State<RelocationScreen> {
  late StreamSubscription<Beep> _scanSubscription;

  @override
  void initState() {
    super.initState();
    _scanSubscription = ScanEventBus().scanResultStream.listen((beep) {
      // 这里处理扫码结果
      _handleScanResult(beep);
    });
  }

  void _handleScanResult(Beep beep) {
    // 你的业务逻辑
    debugPrint('Relocation页面收到扫码结果: ${beep.id}');
  }

  @override
  void dispose() {
    _scanSubscription.cancel();
    super.dispose();
  }

  // ... 其他页面代码
}

方案二：抽象基类+Navigator状态获取（更贴合你的抽象类思路） #

这种方式强制需要扫码的页面实现统一的处理方法，结构更清晰：

1. 定义抽象基类：

abstract class ScanableScreen {
  void handleScanResult(Beep result);
}

2. 让所有需要扫码的页面实现这个类（注意在State类上实现）：

class RelocationScreen extends StatefulWidget {
  const RelocationScreen({Key? key}) : super(key: key);

  @override
  State<RelocationScreen> createState() => _RelocationScreenState();
}

class _RelocationScreenState extends State<RelocationScreen> implements ScanableScreen {
  @override
  void handleScanResult(Beep result) {
    // 处理当前页面的扫码逻辑
    debugPrint('处理扫码结果: ${result.toJson()}');
  }

  // ... 其他页面代码
}

3. 修改MyApp中的扫码回调，获取当前页面并调用处理方法：

// 替换原来的debugPrint部分
final currentContext = MyApp.navigatorKey.currentContext;
if (currentContext != null) {
  final currentState = currentContext.findAncestorStateOfType<State>();
  if (currentState is ScanableScreen) {
    currentState.handleScanResult(value);
  }
}

4. 别忘了在MaterialApp中设置navigatorKey：

MaterialApp(
  navigatorKey: MyApp.navigatorKey, // 加上这行
  // ... 其他配置
)

额外优化建议 #

• 不要用setState维护keys列表：每次按键调用setState会触发MyApp重建，改成普通变量即可，因为KeyboardListener不需要依赖状态更新：

// 将List<LogicalKeyboardKey> keys = [];从状态变量改成普通成员变量
List<LogicalKeyboardKey> keys = []; // 去掉setState包裹的修改

• 扫码完成后清空keys列表时，直接赋值即可，不需要setState：

b.then((value) {
  keys.clear(); // 直接清空，不用setState
  // ... 处理结果逻辑
});

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