Flutter开发疑问：如何将页面传入值用于Firebase实例集合定义？

这个需求完全可行，你的代码问题出在Firestore集合的初始化时机错误——类成员变量的初始化逻辑会早于构造函数参数赋值，导致你使用$col时，col还未被正确赋值。

错误原因分析 #

你在SongProvider中直接定义：

final _worshipColleciton = FirebaseFirestore.instance.collection("$col");

这段代码会在SongProvider实例创建时立刻执行，但此时构造函数的col参数还没完成赋值，col处于未初始化状态，自然无法正确创建集合引用。

正确实现方式 #

步骤1：修正SongProvider的集合初始化逻辑

将集合引用的初始化延迟到构造函数执行时，或者使用延迟初始化/getter：

class SongProvider extends ChangeNotifier {
  final String col;
  // 方式1：构造函数内初始化
  late final CollectionReference _worshipCollection;

  SongProvider({required this.col}) {
    // 此时col已完成赋值，可安全创建集合
    _worshipCollection = FirebaseFirestore.instance.collection(col);
  }

  // 方式2：用getter动态获取（更灵活，适合集合名称可能变化的场景）
  CollectionReference get worshipCollection => FirebaseFirestore.instance.collection(col);
}

步骤2：确保SecondPage正确传递参数给SongProvider

SecondPage需要先接收路由参数，再将参数传递给SongProvider（以使用ChangeNotifierProvider为例）：

class SecondPage extends StatelessWidget {
  final String gen;

  const SecondPage({super.key, required this.gen});

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      // 将页面接收的gen参数传入SongProvider
      create: (context) => SongProvider(col: gen),
      child: Scaffold(
        appBar: AppBar(title: const Text("Second Page")),
        body: // 页面内容，可通过Provider.of<SongProvider>(context)获取集合
      ),
    );
  }
}

步骤3：确认FirstPage的路由跳转语法（修正笔误）

你的FirstPage代码里onTap的语法有误，应该是：

onTap: () {
  Navigator.push(context, MaterialPageRoute(builder: (context) => SecondPage(gen: 'collection')));
}

关键注意点 #

• 必须保证在col参数被赋值完成后，再调用FirebaseFirestore.instance.collection()
• 如果使用状态管理（如Provider），要确保SongProvider的实例是在页面拿到参数后再创建，避免参数为空

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