Flutter/Dart中向PostMedia类型List添加元素出现类型不匹配如何解决

报错原因 #

你遇到的是类型不匹配错误：lista_medios 是 List<PostMedia> 类型，它的add()方法要求传入单个PostMedia类型的对象，你当前代码额外给构造好的PostMedia对象包了一层List再调用add()，类型不匹配就触发了报错。

正确实现方式 #

1. 基础写法（适配3个foto字段）

直接对每个foto字段做非空判断，构造对应PostMedia实例加入列表即可，参考代码如下：

ListView.builder(
  itemCount: listaFiltrada.length,
  itemBuilder: (context, index) {
    bool es_ambassador = listaFiltrada[index].post_autor_is_ambassador;
    bool tiene_media = listaFiltrada[index].post_tiene_media;
    bool tiene_fotos = listaFiltrada[index].post_tiene_fotos;
    
    List<PostMedia> lista_medios = [];
    if (tiene_fotos) {
      // 处理foto1
      var foto1 = listaFiltrada[index].foto_1;
      if (foto1 != null && foto1.isNotEmpty) {
        lista_medios.add(PostMedia(
          media_url: foto1,
          es_foto: true,
          es_video: false,
          es_youtube: false
        ));
      }
      // 处理foto2
      var foto2 = listaFiltrada[index].foto_2;
      if (foto2 != null && foto2.isNotEmpty) {
        lista_medios.add(PostMedia(
          media_url: foto2,
          es_foto: true,
          es_video: false,
          es_youtube: false
        ));
      }
      // 处理foto3
      var foto3 = listaFiltrada[index].foto_3;
      if (foto3 != null && foto3.isNotEmpty) {
        lista_medios.add(PostMedia(
          media_url: foto3,
          es_foto: true,
          es_video: false,
          es_youtube: false
        ));
      }
    }
    // 后续直接将lista_medios传入PageView组件使用即可
    // ... 其余业务代码
  }
)

2. 简化写法（适配多foto字段扩展）

如果后续foto字段数量增加，可以用遍历的方式减少重复代码：

if (tiene_fotos) {
  // 所有foto字段统一放到列表中遍历
  final fotoUrls = [
    listaFiltrada[index].foto_1,
    listaFiltrada[index].foto_2,
    listaFiltrada[index].foto_3,
    // 新增foto字段直接在这里追加即可
  ];
  for (final url in fotoUrls) {
    if (url != null && url.isNotEmpty) {
      lista_medios.add(PostMedia(
        media_url: url,
        es_foto: true,
        es_video: false,
        es_youtube: false
      ));
    }
  }
}

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