如何在 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(),
);