Flutter/Dart中for循环逻辑优化及动态列表匹配求助

原代码存在的核心问题 #

1. 动态变量名不支持：Dart不允许通过list$mainVariable这种字符串插值方式直接获取变量，需要通过集合映射关联mainVariable和对应列表。
2. 单独变量无法索引访问：bool[i]写法无效，bool1、bool2是独立变量，并非数组类型。
3. 未处理输入转换：原代码未将TextField的字符串输入转为整数并更新mainVariable，导致循环无法匹配正确列表。

修正后的完整代码 #

import 'package:flutter/material.dart';

const List<int> list0 = [];
const List<int> list1 = [1];
const List<int> list2 = [2];
const List<int> list3 = [1, 2];

class LoopTest extends StatefulWidget {
  static const String id = 'loop_test_screen';

  const LoopTest({Key? key}) : super(key: key);

  @override
  State<LoopTest> createState() => _LoopTestState();
}

class _LoopTestState extends State<LoopTest> {
  int mainVariable = 0;
  // 用数组存储状态，索引0对应i=1，索引1对应i=2，适配循环逻辑
  List<bool> containsFlags = [false, false];
  TextEditingController textController = TextEditingController();

  // 用列表映射mainVariable到对应集合，避免动态变量名问题
  final List<List<int>> lists = [list0, list1, list2, list3];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          TextField(
            controller: textController,
            keyboardType: TextInputType.number, // 限制为数字输入键盘
            onChanged: (val) {
              reRunLoop();
            },
          ),
          const SizedBox(height: 16), // 增加间距优化布局
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Text('Contains 1? '),
              Text('${containsFlags[0]}'),
            ],
          ),
          const SizedBox(height: 8),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Text('Contains 2? '),
              Text('${containsFlags[1]}'),
            ],
          ),
        ],
      ),
    );
  }

  void reRunLoop() {
    setState(() {
      // 处理输入转换，兼容空输入/非数字情况，限制值在0-3范围内
      final input = int.tryParse(textController.text) ?? 0;
      mainVariable = input.clamp(0, 3);

      // 获取当前匹配的列表
      final currentList = lists[mainVariable];

      // 遍历i=1和i=2，更新对应状态
      for (int i = 1; i <= 2; i++) {
        containsFlags[i - 1] = currentList.contains(i);
      }
    });
  }
}

关键修改说明 #

1. 集合映射列表：创建lists数组按顺序存入list0到list3，通过mainVariable作为索引直接获取对应列表，解决动态变量名的问题。
2. 数组存储状态：将bool1、bool2替换为containsFlags数组，循环时通过i-1的索引直接更新对应布尔值，简化循环逻辑。
3. 输入处理优化：
   • 给TextField设置数字键盘，引导用户输入数字；
   • 用int.tryParse处理输入避免非数字异常，默认值设为0；
   • 用clamp(0,3)限制mainVariable范围，防止超出列表索引边界。
4. 布局优化：增加SizedBox调整组件间距，设置Row内容居中，提升页面美观度。

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