Flutter:如何从API获取数据，并在Flutter中显示在带有图像的列表表单中

Question

如何从api获取数据。下面给出了api响应。以列表形式显示，图像处于颤动状态。

{
"status": 1,
"msg": "7 banners found",
"data": [
{
"id": "14",
"image": "https://www.sofikart.com/admin/upload/app_banner/1635945056.jpeg",
"cat_id": "4",
"product_id": "81",
"url": null,
"status": "Active",
"ordering": "0",
"updated": "2021-11-03 06:10:56"
},
{
"id": "7",
"image": "https://www.sofikart.com/admin/upload/app_banner/1642082634.jpeg",
"cat_id": "4",
"product_id": "111",
"url": null,
"status": "Active",
"ordering": "1",
"updated": "2021-10-28 04:53:26"
}
] }

Answer 1

在这种情况下，Flutter有一个很好的文档和示例，我相信这会对您有所帮助。

你可以看看这里

对于大多数应用程序来说，从互联网上获取数据是必要的。幸运的是，Dart和Flutter为此提供了一些工具，比如http包工作类型。

此配方使用以下步骤：

1. 添加http包
2. 使用http包发出网络请求
3. 将响应转换为自定义Dart对象
4. 使用Flutter获取并显示数据