Flutter中如何向空List<Map>列表逐个添加Map类型元素

你定义的final修饰列表仅限制变量引用不可重新赋值，列表本身的元素增删操作不受影响，直接用Dart列表内置的add方法即可实现需求。

基础实现代码 #

// 初始化空列表（你原有的定义无需修改）
final List<Map<String, dynamic>> data =[];

// 点击事件触发时执行添加逻辑
void handleClickAdd(String itemTitle, int itemPrice, int itemQty) {
  // 传入符合键类型要求的Map即可完成单元素添加
  data.add({
    'title': itemTitle,
    'price': itemPrice,
    'qty': itemQty
  });

  // 如果是在StatefulWidget中使用，添加后需要调用setState触发UI刷新
  setState(() {});
}

按你的目标结构依次触发添加操作，最终就能得到预期的列表：

// 第一次点击添加
data.add({'title': 'Food', 'price':15,'qty':2});
// 第二次点击添加
data.add({'title': 'pen', 'price':10,'qty':3});
// 第三次点击添加
data.add({'title': 'pc', 'price':13,'qty':1});

其他常用操作说明 #

• 批量添加多组元素时可以用addAll方法，传入同结构的列表即可：

  data.addAll([
    {'title': 'Food', 'price':15,'qty':2},
    {'title': 'pen', 'price':10,'qty':3}
  ]);
  

• 不要尝试给data变量直接赋新值（比如写data = [xxx]），final修饰的变量会在编译阶段阻止这类重赋值操作，仅可通过列表自身方法修改内部元素。
• 如果使用Provider、Riverpod、Bloc等状态管理方案，添加元素后需要手动触发对应状态更新，否则UI不会同步渲染最新列表。
• 添加元素时保证Map的键都是String类型，避免因类型不匹配触发运行时错误。

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