Flutter配合GetX如何实现等待全局数据加载完成后再跳转路由

你之前的方案失效是因为Flutter Web会默认解析当前访问的URL路径，自动匹配路由表跳转到对应页面，仅设置home参数无法阻止这个行为，以下是两种可直接落地的解决方案：

GetX自带的路由中间件可以在所有路由跳转前全局执行校验逻辑，不需要每个页面重复编写等待判断。

1. 自定义全局路由中间件

class GlobalInitMiddleware extends GetMiddleware {
  // 优先级数值越小，中间件越先执行
  @override
  int? get priority => 0;

  final MainController mainController = Get.find();

  @override
  RouteSettings? redirect(String? route) {
    // 主控制器未初始化、且当前要跳转的不是闪屏页时，拦截跳转到闪屏页
    if (!mainController.isInitialized.value && route != '/welcome') {
      return RouteSettings(
        name: '/welcome',
        // 将用户原本要访问的目标路由作为参数传递，初始化完成后再跳转
        arguments: {'targetRoute': route},
      );
    }
    // 初始化完成直接放行原路由
    return null;
  }
}

2. 注册中间件到GetX路由配置

void main() {
  // 提前实例化主控制器，异步初始化逻辑保留在onInit中即可
  Get.put(MainController());
  runApp(GetMaterialApp(
    initialRoute: '/welcome',
    getPages: [
      GetPage(name: '/welcome', page: () => WelcomePage()),
      GetPage(name: '/showtask/:id', page: () => HandleTaskPage()),
      // 其余业务路由按原有规则注册
    ],
    // 全局注册中间件，所有路由跳转都会先触发校验
    routerDelegate: GetDelegate(
      middlewares: [GlobalInitMiddleware()],
    ),
  ));
}

3. 改造闪屏页逻辑，初始化完成后跳转到目标路由

class WelcomeController extends GetxController {
  final MainController mainController = Get.find();

  @override
  void onInit() {
    super.onInit();
    // 监听主控制器初始化状态，完成后自动跳转
    ever(mainController.isInitialized, (bool isReady) {
      if (isReady) {
        String targetRoute = Get.arguments?['targetRoute'] ?? '/home';
        Get.offAllNamed(targetRoute);
      }
    });
  }
}

如果不想修改路由配置，也可以通过GetMaterialApp的builder参数全局包裹一层等待逻辑，所有页面自动继承判断：

void main() {
  Get.put(MainController());
  runApp(GetMaterialApp(
    // 其余原有配置不变
    builder: (context, child) {
      final MainController mainController = Get.find();
      return Obx(() {
        // 未初始化统一展示闪屏页，初始化完成自动渲染目标页面
        if (mainController.isInitialized.value) {
          return child!;
        } else {
          return WelcomePage();
        }
      });
    },
  ));
}

该方案无需修改现有页面和路由逻辑，Web端直接访问任意URL时，都会先展示闪屏页，等全局初始化完成后才会渲染对应页面的内容。

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