Flutter多选择复选框问题：Firestore数据下全选/全消异常

嘿，问题根源很明显——你现在所有复选框都绑定到同一个全局的_isChecked变量上了！不管点击哪个复选框，所有条目都会跟着切换状态，因为它们的value都指向这个唯一的布尔值。

要实现每个条目独立勾选的功能，我们需要为每个条目维护单独的选中状态，最适合的方式是用一个Map来存储每个条目的选中情况，键可以用条目的唯一标识（比如record的name或者Firestore文档ID），值对应选中状态。

下面是修改后的完整代码，还附带了将选中条目传递到收藏页的逻辑：

class _SelectScreenState extends State<SelectScreen> {
  // 用Map存储每个条目的选中状态，键为条目的唯一标识（这里用record.name）
  Map<String, bool> _selectedItems = {};

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Select Exercises'),
        // 新增收藏按钮，用于跳转并传递选中条目
        actions: [
          IconButton(
            icon: Icon(Icons.favorite),
            onPressed: () {
              // 收集所有选中的条目名称（也可以直接收集Record对象，按需调整）
              final selectedNames = _selectedItems.entries
                  .where((entry) => entry.value)
                  .map((entry) => entry.key)
                  .toList();
              // 跳转到收藏页并传参
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => FavoritesScreen(selectedExercises: selectedNames),
                ),
              );
            },
          )
        ],
      ),
      body: _buildBody(context),
    );
  }

  Widget _buildBody(BuildContext context) {
    return StreamBuilder<QuerySnapshot>(
      stream: Firestore.instance.collection('exercises').snapshots(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return LinearProgressIndicator();
        return _buildList(context, snapshot.data.documents);
      },
    );
  }

  Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
    return ListView(
      padding: const EdgeInsets.only(top: 20.0),
      children: snapshot.map((data) => _buildListItem(context, data)).toList(),
    );
  }

  Widget _buildListItem(BuildContext context, DocumentSnapshot data) {
    final record = Record.fromSnapshot(data);
    return Padding(
      key: ValueKey(record.name),
      padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
      child: Container(
        decoration: BoxDecoration(
          border: Border.all(color: Colors.grey),
          borderRadius: BorderRadius.circular(5.0),
        ),
        child: ListTile(
          title: Text(record.name),
          trailing: Checkbox(
            // 绑定当前条目的选中状态，默认未选中
            value: _selectedItems[record.name] ?? false,
            onChanged: (bool value) {
              setState(() {
                // 只更新当前条目的选中状态
                _selectedItems[record.name] = value;
              });
            },
          ),
        ),
      ),
    );
  }
}

class Record {
  final String name;
  final DocumentReference reference;
  Record(this.name, this.reference);
  Record.fromMap(Map<String, dynamic> map, {this.reference})
      : assert(map['name'] != null),
        name = map['name'];
  Record.fromSnapshot(DocumentSnapshot snapshot)
      : this.fromMap(snapshot.data, reference: snapshot.reference);
  @override
  String toString() => "Record<$name:>";
}

// 示例收藏页，接收并展示选中的条目
class FavoritesScreen extends StatelessWidget {
  final List<String> selectedExercises;
  FavoritesScreen({required this.selectedExercises});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Favorites')),
      body: ListView.builder(
        itemCount: selectedExercises.length,
        itemBuilder: (context, index) {
          return ListTile(title: Text(selectedExercises[index]));
        },
      ),
    );
  }
}

关键修改说明： #

1. 替换全局变量为Map：用_selectedItems这个Map替代原来的_isChecked，确保每个条目有独立的选中状态存储。
2. 复选框绑定独立状态：Checkbox的value设置为_selectedItems[record.name] ?? false，如果Map中没有该条目记录，默认显示未选中。
3. 独立更新状态：点击复选框时，只更新Map中对应条目的值，不会影响其他条目。
4. 添加跳转传参逻辑：在AppBar新增了收藏按钮，收集选中条目后传递到下一页，完成你需要的"Favorites"功能。

这样修改后，每个复选框就能独立切换状态，选中的条目也能正确传递到收藏页啦！

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