Flutter路由传参问题：传递NoteModel及解决title为空

问题1：首页onPressed不知道传什么NoteModel #

你在ListView.builder的itemBuilder里，已经把当前列表项的Firestore文档转成了NoteModel note对象，直接把这个note传给Test页面就行。注意要把onPressed放到列表项的点击事件里（比如ListTile的onTap），这样才能拿到当前位置的note。

修正后的首页核心代码：

itemBuilder: (context, index) {
  final NoteModel note = NoteModel.fromJson(streamSnapshot.data.docs[index]);
  return ListTile(
    title: Text(note.title),
    onTap: () {
      Navigator.push(context, MaterialPageRoute(builder: (context) => Test(note: note)));
    },
    // 用按钮的话可以这么写：
    // trailing: ElevatedButton(
    //   onPressed: () {
    //     Navigator.push(context, MaterialPageRoute(builder: (context) => Test(note: note)));
    //   },
    //   child: Text("跳转"),
    // )
  );
}

问题2：Test页面显示title为null #

改成可选参数后出现空值，主要是两个原因：要么Firestore文档里title字段本身是空的，要么你的模型转JSON的时候没处理空值。没必要把所有字段改成可选，反而容易出问题，建议按下面改：

1. 修复NoteModel的JSON转换逻辑 #

给每个字段加空值默认值，避免Firestore字段缺失直接报错，同时保留必填参数的安全性：

class NoteModel {
  String image;
  String id;
  String title;
  Timestamp date;
  String userId;

  NoteModel({
    required this.image,
    required this.id,
    required this.title,
    required this.date,
    required this.userId,
  });

  factory NoteModel.fromJson(DocumentSnapshot snapshot) {
    return NoteModel(
      image: snapshot['image'] ?? '', // 空值时用空字符串
      id: snapshot.id,
      title: snapshot['title'] ?? '无标题', // 空值时显示默认标题
      date: snapshot['date'] ?? Timestamp.now(), // 空值时用当前时间
      userId: snapshot['userId'] ?? '',
    );
  }
}

2. 恢复Test页面的正确构造函数 #

class Test extends StatelessWidget {
  final NoteModel note;
  const Test({Key? key, required this.note}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Testing")),
      body: SizedBox(
        width: MediaQuery.of(context).size.width,
        child: Column(
          children: [Text(note.title)],
        ),
      ),
    );
  }
}

额外检查点 #

• 登录Firestore后台查看对应的notes文档，确认title字段是否有实际值；
• 可以在itemBuilder里添加print(note.title);，先确认从Firestore拿到的数据本身是否为空。

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