如何通过ValueChanged实现列表对应索引double值的修改？

问题根源 #

你的onChanged函数硬编码了修改values[0]，且所有TouchSpin控件共用同一个回调，没有传递各自对应的列表索引，导致无论操作哪个控件，都只会修改列表第一个元素。

解决方案 #

让每个TouchSpin的回调函数明确知道自己要修改的列表索引，有两种简洁实现方式：

方式一：直接在itemBuilder中创建带索引的闭包回调

修改代码如下，同时修正原代码中的语法错误（Widget参数需用冒号而非等号）：

class _YourWidgetState extends State<YourWidget> {
  List<double> values = [0, 0, 0, 0, 0, 0];

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: values.length,
      itemBuilder: (context, index) {
        return Column(
          children: [
            Text(values.toString()),
            TouchSpin(
              currentValue: values[index],
              onChanged: (value) {
                setState(() {
                  values[index] = value;
                });
              },
            ),
          ],
        );
      },
    );
  }
}

每个TouchSpin的onChanged会捕获当前循环的index，触发时直接修改对应位置的列表元素，调用setState刷新UI。

方式二：定义带索引参数的独立回调方法

如果需要将逻辑抽离，可单独定义一个处理更新的方法：

class _YourWidgetState extends State<YourWidget> {
  List<double> values = [0, 0, 0, 0, 0, 0];

  // 定义带索引的更新方法
  void updateValue(int index, double value) {
    setState(() {
      values[index] = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: values.length,
      itemBuilder: (context, index) {
        return Column(
          children: [
            Text(values.toString()),
            TouchSpin(
              currentValue: values[index],
              onChanged: (value) => updateValue(index, value),
            ),
          ],
        );
      },
    );
  }
}

这种方式更利于逻辑复用，尤其当更新逻辑复杂时更易维护。

关键注意点 #

• 原代码中currentValue = values[index];和onChanged = onChanged;是语法错误，Widget的参数传递必须使用冒号而非等号。
• 避免在initState中定义固定索引的回调，因为initState只会执行一次，无法获取到itemBuilder循环中的动态索引。

内容的提问来源于stack exchange，提问作者凯文Beno