Flutter：如何将documentSnapshot传递给FloatingActionButton？

实现步骤 #

1. 让AddTaskPage支持接收DocumentSnapshot参数

修改AddTaskPage的构造函数，添加必填的documentSnapshot参数，允许从外部传入数据：

class AddTaskPage extends StatefulWidget {
  final DocumentSnapshot documentSnapshot; // 新增快照参数
  const AddTaskPage({
    super.key,
    required this.documentSnapshot, // 标记为必填参数
  });
  @override
  State<AddTaskPage> createState() => _AddTaskPageState();
}

在State类中，通过widget.documentSnapshot即可访问传入的快照数据，比如在addFunction中使用：

void addFunction() async {
  final uid = await Provider.of<AuthProvider>(context, listen: false).getCurrentUID();
  DocumentReference ref = db.collection('users').doc(uid).collection('time-line').doc();
  
  // 示例：读取快照中的指定字段，替换成你实际需要的字段名
  String relatedData = widget.documentSnapshot['targetField'];

  if (dateController.text.trim().isNotEmpty &&
      timeController.text.trim().isNotEmpty &&
      topicController.text.trim().isNotEmpty) {
    await db
        .collection('users')
        .doc(uid)
        .collection('time-line')
        .add(Timeline(
                id: ref.id,
                date: dateController.text.trim(),
                time: timeController.text.trim(),
                topic: topicController.text.trim(),
                isDone: false,
                // 可选：将快照数据存入新创建的时间线文档
                relatedData: relatedData)
            .toJson());
    // ... 其余原有代码保持不变
  }
}

2. 在FloatingActionButton中传递documentSnapshot

确保FloatingActionButton能访问到StreamBuilder中获取的documentSnapshot，打开AddTaskPage时传入参数，注意要去掉const关键字（因为需要传递动态参数）：

floatingActionButton: FadeInRight(
  delay: const Duration(milliseconds: 200),
  duration: const Duration(milliseconds: 500),
  child: FloatingActionButton.extended(
    label: const Text(
      'Add Timeline',
      style: TextStyle(
        color: Colors.white,
        fontFamily: 'poppins',
        fontWeight: FontWeight.w400,
        fontSize: 15,
        letterSpacing: 1,
      ),
    ),
    backgroundColor: Colors.black,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(6),
    ),
    onPressed: () {
      showModalBottomSheet(
        shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(10),
            topRight: Radius.circular(10),
          ),
        ),
        context: context,
        // 传入documentSnapshot，去掉const修饰符
        builder: (context) => AddTaskPage(documentSnapshot: documentSnapshot),
      );
    },
  ),
),

3. 关键注意事项

• 作用域问题：如果你的StreamBuilder是生成列表（比如ListView.builder），每个列表项对应独立的documentSnapshot，需要把FloatingActionButton放在列表项内部，或者通过页面状态保存当前选中的documentSnapshot。
• 空安全处理：如果documentSnapshot可能为空，可将参数改为可选类型final DocumentSnapshot? documentSnapshot;，并在使用前添加空判断。

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