Flutter如何在Widget build外获取ModalRoute传参以创建Stream

这里提供两种可行的方案，帮你在build方法前完成依赖路由参数的Stream初始化：

方法一：让StatefulWidget直接接收路由参数 #

这种方式更简洁，把路由参数提前传递到Widget构造函数，State就能在initState阶段直接初始化Stream。

步骤1：修改StatefulWidget构造函数 #

class IndividualPack extends StatefulWidget {
  final UserPack args;
  const IndividualPack({Key? key, required this.args}) : super(key: key);

  @override
  State<IndividualPack> createState() => _IndividualPackState();
}

步骤2：在路由配置中传递参数 #

在onGenerateRoute里处理命名路由，把路由参数传给IndividualPack：

MaterialApp(
  onGenerateRoute: (settings) {
    if (settings.name == '/individualPack') {
      final args = settings.arguments as UserPack;
      return MaterialPageRoute(
        builder: (context) => IndividualPack(args: args),
      );
    }
    // 其他路由逻辑...
  },
);

步骤3：在State的initState中初始化Stream #

class _IndividualPackState extends State<IndividualPack> {
  FirebaseAnalytics analytics = FirebaseAnalytics.instance;
  FirebaseFirestore db = FirebaseFirestore.instance;
  String userID = FirebaseAuth.instance.currentUser!.uid;
  final PageController pageViewController = PageController();
  late Stream<QuerySnapshot<Map<String, dynamic>>> packStream;

  @override
  void initState() {
    super.initState();
    // 直接通过widget.args获取packID初始化Stream
    packStream = streamIndividualPackList(widget.args.packID);
  }

  @override
  Widget build(BuildContext context) {
    // 直接使用已初始化的packStream即可
    return /* 你的Widget树 */;
  }
}

方法二：用didChangeDependencies获取参数并初始化Stream #

如果不想修改原有路由传递逻辑，可以利用didChangeDependencies方法——它会在initState之后、build之前执行，且能访问context。

class _IndividualPackState extends State<IndividualPack> {
  FirebaseAnalytics analytics = FirebaseAnalytics.instance;
  FirebaseFirestore db = FirebaseFirestore.instance;
  String userID = FirebaseAuth.instance.currentUser!.uid;
  final PageController pageViewController = PageController();
  late Stream<QuerySnapshot<Map<String, dynamic>>> packStream;
  UserPack? args;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 仅初始化一次，避免didChangeDependencies多次触发重复创建Stream
    if (args == null) {
      args = ModalRoute.of(context)!.settings.arguments as UserPack;
      packStream = streamIndividualPackList(args!.packID);
    }
  }

  @override
  Widget build(BuildContext context) {
    // 使用已初始化的packStream
    return /* 你的Widget树 */;
  }
}

内容的提问来源于stack exchange，提问作者Ten Digit Grid