Flutter：如何获取动态增删的TextButton列表中被点击按钮的索引？

问题根源 #

• Key层级混淆：你在noteCardState的build方法里给内部TextButton设置了ValueKey，但active_notes列表存储的是noteCard这个StatefulWidget实例，用active_notes.indexWhere((e) => e.key == key)查找的是noteCard的key，而非内部TextButton的key，两者完全不匹配，因此返回-1。
• Key动态生成问题：每次noteCardState执行build时，都会用DateTime.now().toString()生成新的Key，即使是同一个noteCard实例，多次build后Key也会变化，导致后续无法匹配。
• 全局变量状态混乱：依赖全局的Titles和active_notes管理状态，封装成独立Widget后状态同步逻辑失控，容易出现索引错位。

最优解决方案：通过构造函数传递索引 #

这种方式比用Key查找索引更直接可靠，完全避免Key匹配的问题：

1. 修改noteCard类，添加索引参数 #

class NoteCard extends StatefulWidget { // 类名首字母大写符合Dart规范
  final int index;
  const NoteCard({Key? key, required this.index}) : super(key: key);

  @override
  NoteCardState createState() => NoteCardState();
}

2. 修改NoteCardState，直接使用传入的索引 #

class NoteCardState extends State<NoteCard> {
  @override
  Widget build(BuildContext context) {
    int ind = widget.index;
    Titles[ind] = "title" + ind.toString();
    
    return TextButton(
      onPressed: () async {
        await Navigator.push(context,
            MaterialPageRoute(builder: (BuildContext context) {
          // 直接使用传入的索引，无需查找
          return noteScreenState.note_page(context, widget.index);
        }));
        String t1 = Titles[ind];
        print("old title: $t1");
        setState(() {
          Titles[ind] = "TITLE" + ind.toString();
        });
        t1 = Titles[ind];
        print("New title: $t1");
      },
      child: Container(
        height: 50,
        child: Row(
          children: [
            Icon(
              Icons.label,
              color: Colors.white,
            ),
            Spacer(),
            Text(
              Titles[ind],
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 22,
                color: Colors.white,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

3. 创建卡片时传入索引 #

修改HomeScreen中FloatingActionButton的点击逻辑：

floatingActionButton: FloatingActionButton(
  foregroundColor: Theme.of(context).colorScheme.primary,
  onPressed: () {
    int newIndex = Titles.length;
    Titles.add("title" + newIndex.toString());
    note_infos.add(NoteInfo());
    // 传入新卡片的索引
    addWidgetToColumn(NoteCard(index: newIndex));
  },
),

备选方案：给noteCard设置固定Key #

如果坚持用Key查找索引，需确保noteCard的Key固定唯一：

1. 创建卡片时设置固定Key #

onPressed: () {
  int newIndex = Titles.length;
  Titles.add("title" + newIndex.toString());
  note_infos.add(NoteInfo());
  // 用索引作为Key参数，确保唯一且固定
  addWidgetToColumn(NoteCard(key: ValueKey(newIndex)));
},

2. 使用widget.key查找索引 #

onPressed: () async {
  await Navigator.push(context,
      MaterialPageRoute(builder: (BuildContext context) {
    index = active_notes.indexWhere((e) => e.key == widget.key);
    ind = index;
    Titles[index] = "title" + index.toString();
    return noteScreenState.note_page(context, index);
  }));
  // 后续逻辑不变
},

额外建议 #

• 把Titles和active_notes移到HomeScreenState作为成员变量，避免全局变量导致的状态混乱。
• 遵循Dart代码规范，类名首字母大写（如NoteCard而非noteCard）。

内容的提问来源于stack exchange，提问作者Влад Солодов