Flutter中如何为按钮点击函数传递并获取Map集合的key？

问题说明 #

通过Map<int, String>集合imagesIcon为多个IconButton绑定图片，需要实现点击按钮时获取该图片对应的Map Key，并赋值给变量。

现有代码问题 #

1. 点击函数_clikFunction未接收参数，无法识别当前点击的是哪个按钮对应的Key
2. 函数内keyNumber = imagesIcon[value]逻辑错误：imagesIcon[value]是根据Key取对应的图片路径值，而非获取Key本身

修正方案 #

1. 修改点击函数 #

在State类中先定义要赋值的变量，然后让点击函数接收一个int类型的Key参数，直接将参数赋值给变量：

// 在State类中定义变量
int? keyNumber;

void _clikFunction(int key) {
  keyNumber = key;
  // 可添加验证逻辑，比如打印当前选中的Key
  print('选中的Key: $keyNumber');
}

2. 为每个IconButton绑定对应Key #

修改每个IconButton的onPressed，通过匿名函数传递对应的Key：

Column(         
  children: [
    Container(
      color: Colors.lightBlueAccent,
      child: IconButton(
        icon: Image(image: AssetImage(imagesIcon[1]!)),
        onPressed: () => _clikFunction(1),
      ),
    ),
    SizedBox(height: 40),
    Container(
      color: Colors.lightBlueAccent,
      child: IconButton(  
        icon: Image(image: AssetImage(imagesIcon[2]!)),
        onPressed: () => _clikFunction(2),
      ),
    ),
    SizedBox(height: 40),
    Container(
      color: Colors.lightBlueAccent,
      child: IconButton(
        icon: Image(image: AssetImage(imagesIcon[3]!)),
        onPressed: () => _clikFunction(3),
      ), 
    ),          
  ],
),

3. 优化：循环生成按钮（可选） #

如果后续需要添加更多按钮，可通过遍历Map的entries来生成，避免重复代码：

Column(
  children: imagesIcon.entries.map((entry) {
    final currentKey = entry.key;
    final imagePath = entry.value;
    return Column(
      children: [
        Container(
          color: Colors.lightBlueAccent,
          child: IconButton(
            icon: Image(image: AssetImage(imagePath)),
            onPressed: () => _clikFunction(currentKey),
          ),
        ),
        SizedBox(height: 40),
      ],
    );
  }).toList(),
),

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