如何修改PopScope代码实现Flutter应用二次点击退出？

原代码无法退出的核心问题是：满足二次点击退出条件时，未执行实际的应用退出操作，且canPop: false禁用了系统默认返回行为。以下是修改方案：

修改后完整代码 #

import 'package:flutter/services.dart'; // 导入系统服务包用于退出应用

late int selectedIndex;
DateTime? currentPress;

Widget build(BuildContext context) {
  return PopScope(
    canPop: false, // 禁用系统默认返回逻辑，完全自定义处理
    onPopInvoked: (didPop) async {
      if (selectedIndex != 0) {
        setState(() {
          selectedIndex = 0;
        });
      } else {
        final now = DateTime.now();
        if (currentPress == null || now.difference(currentPress!) > const Duration(seconds: 2)) {
          currentPress = now;
          ScaffoldMessenger.of(context).showSnackBar(
            const SnackBar(
              content: Text('Press back again to exit'),
              duration: Duration(seconds: 1),
            ),
          );
        } else {
          // 执行应用退出操作（移动端生效）
          SystemNavigator.pop();
          // Web平台可替换为：Navigator.of(context).popUntil((route) => route.isFirst);
        }
      }
    },
    // 补充PopScope必填的child参数，替换为你的页面主内容
    child: Scaffold(
      bottomNavigationBar: BottomNavigationBar(
        currentIndex: selectedIndex,
        onTap: (index) => setState(() => selectedIndex = index),
        items: const [
          BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),
          BottomNavigationBarItem(icon: Icon(Icons.settings), label: 'Settings'),
        ],
      ),
      // 其他页面内容...
    ),
  );
}

关键修改点说明 #

• 添加退出执行逻辑：在二次点击的分支中调用SystemNavigator.pop()，这是Flutter官方提供的移动端应用退出方法；Web平台可改用路由回退到根页面的逻辑。
• 简化异步代码：onPopInvoked的异步方法无需返回Future.value(null)，直接执行逻辑即可。
• 补全必填参数：原代码遗漏了PopScope的child属性，必须传入页面的主Widget（如Scaffold）才能正常渲染。
• 保持canPop: false：若设为true，系统会优先执行默认返回行为，导致首次点击直接退出应用，不符合需求。

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