Flutter中如何关联bool变量与循环索引？报错求助

核心问题 #

你尝试在循环中写bool check[i] = false;的方式不符合Dart语法，Dart不支持动态命名变量，正确做法是用**List**来统一存储每个列表项的选中状态。

具体修改步骤 #

• 在State类中声明List<bool>类型变量，替代单个bool变量：

  List<bool> check = [];
  

• 在getData()方法中，获取API数据后初始化该列表，长度与返回数据一致，默认值设为false：

  getData() async {
    final value = await BuySellCatsController().buysellCatAPI();
    setState(() {
      catdata = value;
      // 初始化所有项为未选中状态
      check = List.generate(value.length, (index) => false);
    });
  }
  

• 修正UI中的错误引用：
  • 将Visibility组件里的check6改为checkother（对应"Others"项的选中状态）
  • 确保check[index]仅在index < catdata.length时访问（避免索引越界）

关键修正后的代码片段 #

class _ExploreAds extends State<ExploreAds> {
  bool show = false;
  bool checkother = false;
  final List<String> data = <String>[];
  List<bool> check = []; // 存储每个分类项的选中状态
  var catdata;

  void addValue(String txt) {
    setState(() {
      data.add(txt);
    });
    print(data);
  }

  void removeValue(String rmtxt) {
    setState(() {
      data.remove(rmtxt);
    });
    print(data);
  }

  @override
  void initState() {
    super.initState();
    getData();
  }

  getData() async {
    final value = await BuySellCatsController().buysellCatAPI();
    setState(() {
      catdata = value;
      check = List.generate(value.length, (index) => false);
    });
  }

  @override
  Widget build(BuildContext context) {
    // ... 其他代码保持不变，仅修改以下部分
    children: List.generate(catdata.length + 1, (index) => 
      index == catdata.length ? 
        Stack(
          children: [
            // ... "Others"项的容器与点击逻辑
            Visibility(
              visible: checkother, // 修正原check6的错误引用
              child: Positioned(
                top: 5,
                right: 5,
                child: Image.asset('assets/icons/tick.png', width: 15,),
              )
            )
          ],
        ) : 
        Stack(
          children: [
            // ... 分类项的容器与点击逻辑
            InkWell(
              onTap: () => setState(() {
                check[index] = !check[index];
                check[index] ? addValue(catdata[index]['name']) : removeValue(catdata[index]['name']);
              }),
              // ... 子组件内容
            ),
            Visibility(
              visible: check[index],
              child: Positioned(
                top: 5,
                right: 5,
                child: Image.asset('assets/icons/tick.png', width: 15,),
              )
            )
          ],
        )
    ),
    // ... 其他代码保持不变
  }
}

额外说明 #

• Dart不支持通过索引动态生成变量名，必须用集合（List/Map）管理多状态
• 使用List.generate初始化列表，能确保列表长度与数据项数量严格匹配
• 所有状态变更必须包裹在setState中，才能触发UI更新

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