Flutter预约应用Firebase删除单个预约误删全部的修复方案咨询

当前代码的问题在于deleteAppt方法会遍历client_bookings集合的所有文档并全部删除，且没有传递当前要删除的预约唯一标识（文档ID）。要实现点击Cancel按钮只删除对应预约，按以下步骤修改：

步骤1：修改CancelApptBox，添加文档ID参数 #

让弹窗接收要删除的预约文档ID，删除方法仅针对该ID执行操作：

class CancelApptBox extends StatelessWidget {
  final String docId; // 新增：接收要删除的文档ID
  const CancelApptBox({super.key, required this.docId}); // 修改构造函数

  Future deleteAppt() async {
    final collection = FirebaseFirestore.instance.collection('client_bookings');
    // 仅删除传入ID对应的文档
    collection
        .doc(docId)
        .delete()
        .then((_) => print('预约已删除'))
        .catchError((error) => print('删除失败: $error'));
  }

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: const Text('确定要取消该预约吗？'),
      actions: <Widget>[
        TextButton(
          onPressed: () {
            Navigator.pop(context, 'Yes');
            deleteAppt();
          },
          child: const Text('确定', style: TextStyle(fontWeight: FontWeight.bold)),
        ),
        TextButton(
          onPressed: () => Navigator.pop(context, 'Go back'),
          child: const Text('返回'),
        ),
      ],
    );
  }
}

步骤2：在ListView中传递当前预约的文档ID #

点击Cancel按钮时，把当前遍历到的预约文档ID（data.id）传递给CancelApptBox：

// 找到Cancel按钮的onPressed代码，修改如下：
onPressed: () {
  Navigator.of(context).push(
    MaterialPageRoute(
      builder: (context) => CancelApptBox(docId: data.id), // 传递文档ID
    )
  );
},

步骤3：移除冗余的批量删除代码 #

删除原来两处遍历集合批量删除的deleteAppt方法，只保留CancelApptBox里的单条删除逻辑即可。

修改后，点击某个预约的Cancel按钮时，弹窗会携带该预约的文档ID，确认后仅删除对应的Firebase记录，不会影响其他预约。

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