如何在Flutter的Getx路由中处理空参数并跳转错误页面

你可以在GetPage的page回调中先校验参数有效性，若参数为空或类型不匹配，直接重定向到错误页面，同时返回一个占位Widget（因为page必须返回Widget实例）。

具体实现 #

1. 定义错误页面
   先创建一个基础的错误页面：

class ErrorPage extends StatelessWidget {
  const ErrorPage({super.key});

  static const route = '/error';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('页面错误')),
      body: const Center(
        child: Text('无效的页面参数，请返回重试'),
      ),
    );
  }
}

2. 修改GetPages路由配置
   在Produkt对应的路由中加入参数校验逻辑：

GetPage(
  name: Produkt.route,
  page: () {
    // 校验参数是否存在且为Product类型
    final productArg = Get.arguments?['product'];
    if (productArg == null || productArg is! Product) {
      // 用offAllNamed彻底替换当前页面栈，避免用户返回无效页面
      Get.offAllNamed(ErrorPage.route);
      // 返回空占位Widget（page回调不能返回null）
      return const Scaffold(body: SizedBox.shrink());
    }
    // 参数有效时返回正常页面
    return Produkt(product: productArg);
  },
)

关键细节 #

• 使用Get.offAllNamed而非Get.toNamed，确保用户无法通过返回键回到参数无效的页面，逻辑更严谨。
• 必须返回一个占位Widget（哪怕是空的Scaffold），否则会触发Flutter框架的非空断言错误。
• 同时校验参数存在性和类型，避免因参数类型不匹配导致的运行时异常。

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