如何在 Flutter 中显示图像 URL 的此响应？

Question

这是我对 ImageList 的回应。

我如何在 UI 中显示这个 postURL 数组，可能是 image.network 和像 GridView 或 ListView Builder 这样的 Builder。

 "postUrl": [
            "https://uat-marc.s3.ap-south-1.amazonaws.com/news-feed/265_0.jpg",
            "https://uat-marc.s3.ap-south-1.amazonaws.com/news-feed/265_1.JPG",
            "https://uat-marc.s3.ap-south-1.amazonaws.com/news-feed/265_2.PNG",
            "https://uat-marc.s3.ap-south-1.amazonaws.com/news-feed/265_3.PNG"
        ],

如果实现了所有 model 并尝试显示它，但我得到一些编解码器并且无效错误。

请朋友帮忙。

Answer 1

从 API 获得响应后，您会将其存储为列表。 然后使用 flutter NetworkImage 小部件通过可迭代的列表更新 UI。

您尝试在列中显示的图像

Column(
  children: postUrl.map((url) => NetworkImage(url: url)).toList(),
);