Flutter中如何获取FutureBuilder列表项点击时的索引值

步骤1：修改MyForm接收索引与数据 #

给MyForm添加构造参数，用于接收点击项的索引和对应的Job对象：

class MyForm extends StatefulWidget {
  final int itemIndex;
  final Job job;

  const MyForm({
    super.key,
    required this.itemIndex,
    required this.job,
  });

  @override
  State<MyForm> createState() => MyFormState();
}

步骤2：在列表项点击时传递索引与数据 #

修改FutureBuilder中ListTile的onTap回调，将索引和当前Job对象传入MyForm：

onTap: () {
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => MyForm(
        itemIndex: index,
        job: items[index],
      ),
    ),
  );
}

步骤3：在MyForm中初始化编辑数据并使用索引更新 #

在MyFormState中通过构造参数初始化编辑控制器，保存时利用索引更新对应列表项：

class MyFormState extends State<MyForm> {
  late TextEditingController myNote;

  @override
  void initState() {
    super.initState();
    // 用传入的Job数据初始化控制器
    myNote = TextEditingController(text: widget.job.Description);
  }

  @override
  void dispose() {
    myNote.dispose();
    super.dispose();
  }

  // 保存修改的方法
  void saveChanges() {
    // 获取编辑后的内容
    String updatedDesc = myNote.text;
    // 通过索引更新原列表中的对应项（假设原列表为MyFormState.jobs）
    MyFormState.jobs[widget.itemIndex].Description = updatedDesc;
    // 返回列表页面
    Navigator.pop(context);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('编辑任务')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(controller: myNote),
            ElevatedButton(onPressed: saveChanges, child: const Text('保存'))
          ],
        ),
      ),
    );
  }
}

注意事项 #

• 避免直接访问静态状态（如原代码中的MyFormState.myNote），通过构造参数传递数据更符合Flutter状态管理规范。
• 若原列表不是全局变量，建议使用回调函数将更新后的数据传递回列表页面，触发FutureBuilder重新构建（比如调用setState或重新发起数据请求）。

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