Flutter结合Firebase开发杂货APP时点击单个Checkbox全选如何解决

你当前所有Checkbox同步选中的核心原因有两个：

1. 你把isChecked定义为全局变量，所有杂货条目共用同一个状态值，修改后所有绑定这个变量的Checkbox都会同步更新状态
2. 未将选中状态和单个杂货条目绑定，也没有持久化存储到Firebase中，重启应用后选中状态会全部丢失

按以下步骤修改即可：

1. 删除全局的bool isChecked = false;声明
2. 新增杂货条目时，默认给每个条目添加isChecked字段，初始值为false
3. Checkbox的状态读取当前grocery条目自身的isChecked字段值
4. 点击Checkbox时，直接更新Firebase中对应条目的isChecked字段值，不需要维护全局状态变量

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(FireApp());
}

class FireApp extends StatefulWidget {
  @override
  _FireAppState createState() => _FireAppState();
}

class _FireAppState extends State<FireApp> {
  final TextEditingController textController = TextEditingController();
  @override
  Widget build(BuildContext context) {

    CollectionReference groceries =
    FirebaseFirestore.instance.collection('groceries');

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: TextField(
            controller: textController,
          ),
        ),
        body: Center(
          child: StreamBuilder(
            stream: groceries.orderBy('name').snapshots(),
            builder: (context, AsyncSnapshot<QuerySnapshot> snapshot) {
              // 增加异常和加载状态处理，避免空值崩溃
              if (!snapshot.hasData) return const CircularProgressIndicator();
              if (snapshot.hasError) return const Text('数据加载失败');
              return ListView(
                children: snapshot.data!.docs.map((grocery) {
                  // 读取当前条目自身的选中状态
                  bool currentChecked = grocery['isChecked'] ?? false;
                  return Center(
                    child: Row(
                      children: [
                        Container(color: Colors.red,height: 50,child: Text(grocery['name'])),
                        Checkbox(
                            materialTapTargetSize: MaterialTapTargetSize.padded,
                            // 绑定当前条目自身的选中状态
                            value: currentChecked,
                            activeColor: Colors.black,
                            checkColor: Colors.greenAccent,
                            onChanged: (newValue) {
                              // 仅更新当前点击条目对应的Firebase文档状态
                              groceries.doc(grocery.id).update({
                                'isChecked': newValue!
                              });
                            }
                        )],
                    ),
                  );
                }).toList(),
              );
            },
          ),
        ),
        floatingActionButton: FloatingActionButton(onPressed: () {
          groceries.add({
            'name': textController.text,
            // 新增条目时默认设置未选中状态
            'isChecked': false,
          });
        },),
      ),
    );
  }
}

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