Flutter中如何在初始路由移除上一级路由？

现有Flutter路由配置如下：

routes: {
        '/' : (context) => KartSelectorScreen(onKartSelected: _updateKartNumber, karts: karts),
        '/car_info': (context) => KartInfoScreen(currentKart: getSelectedCar(initialKartNumber)),
        '/car_ride': (context) => KartRideScreen(kartNumber: initialKartNumber),
      },
      initialRoute: widget.initialKartNumber == null ? '/' : '/car_info',

当应用启动且存在initialKartNumber时，会直接进入/car_info路由，但点击系统返回按钮会回到/路由。而/car_info页面中有一段代码可以实现点击后直接退出应用：

void checkLongPress() {
    if (isBottomRightPush && isTopRightPush) {
      _resetKartNumber();
      Navigator.pushNamedAndRemoveUntil(
      context,
      '/',
      (route) => false, 
      );
    }
  }

现在需要实现：当应用以/car_info作为初始路由启动时，点击返回按钮直接退出应用，而不是回到/。尝试通过onGenerateRoute设置maintainState: false无效，寻求解决方法。

方案一：初始化时构建仅包含/car_info的路由栈 #

放弃使用initialRoute配置，改为在应用初始化阶段直接构建路由栈，确保/car_info是栈中唯一页面。可以在StatefulWidget的initState中处理：

@override
void initState() {
  super.initState();
  if (widget.initialKartNumber != null) {
    // 延迟执行，确保Navigator已初始化
    WidgetsBinding.instance.addPostFrameCallback((_) {
      Navigator.of(context).pushNamedAndRemoveUntil(
        '/car_info',
        (route) => false, // 移除所有之前的路由
      );
    });
  }
}

同时将MaterialApp的initialRoute固定为/，这样当有车辆编号时，会直接替换整个路由栈为/car_info，此时点击返回按钮就会直接退出应用。

方案二：在KartInfoScreen中拦截返回事件 #

使用WillPopScope包裹KartInfoScreen，拦截系统返回按钮的行为。可以给KartInfoScreen添加一个参数标记是否为初始进入的页面：

1. 修改KartInfoScreen的构造函数：

class KartInfoScreen extends StatelessWidget {
  final Kart currentKart;
  final bool isInitialRoute; // 新增参数

  const KartInfoScreen({
    super.key,
    required this.currentKart,
    this.isInitialRoute = false,
  });

  // ... 其他代码
}

2. 在路由配置中传递该参数：

routes: {
  '/': (context) => KartSelectorScreen(onKartSelected: _updateKartNumber, karts: karts),
  '/car_info': (context) => KartInfoScreen(
        currentKart: getSelectedCar(initialKartNumber),
        isInitialRoute: widget.initialKartNumber != null,
      ),
  '/car_ride': (context) => KartRideScreen(kartNumber: initialKartNumber),
},
initialRoute: widget.initialKartNumber == null ? '/' : '/car_info',

3. 在KartInfoScreen中使用WillPopScope拦截返回：

import 'package:flutter/services.dart';

@override
Widget build(BuildContext context) {
  return WillPopScope(
    onWillPop: () async {
      if (isInitialRoute) {
        // 直接退出应用
        SystemNavigator.pop();
        return false; // 阻止默认返回行为
      }
      return true; // 允许正常返回
    },
    child: // 原页面内容
  );
}

方案三：自定义初始路由栈 #

通过MaterialApp的onGenerateInitialRoutes回调来构建初始路由栈，当存在车辆编号时，只添加/car_info路由：

MaterialApp(
  onGenerateInitialRoutes: (String initialRouteName) {
    if (widget.initialKartNumber != null) {
      // 仅返回/car_info路由，作为初始栈
      return [
        MaterialPageRoute(
          builder: (context) => KartInfoScreen(currentKart: getSelectedCar(initialKartNumber)),
          settings: const RouteSettings(name: '/car_info'),
        )
      ];
    } else {
      // 默认返回/路由
      return [
        MaterialPageRoute(
          builder: (context) => KartSelectorScreen(onKartSelected: _updateKartNumber, karts: karts),
          settings: const RouteSettings(name: '/'),
        )
      ];
    }
  },
  // 保留其他路由配置
  routes: {
    '/car_ride': (context) => KartRideScreen(kartNumber: initialKartNumber),
  },
)

这种方式直接从根源上构建了正确的初始路由栈，点击返回按钮自然会退出应用。

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