Arrays 如何在flatter应用程序中获取JSON数据？

下面是从服务器获取的JSON数据，我需要在pageviewbuilder和Flitter应用程序中的listview builder中获取和配置这些数据

Listview builder（垂直滚动）嵌套在Pageview builder（水平滚动）中，我已经对此进行了配置

要展示的东西是这样的

第页------订购项目

订单16>>订单16，第1项，订单16，第2项

订单18>>订单18，第1项，订单18，第2项，订单18 项目3

我对颤振中JSON的学习还不熟悉，请指导我如何获取数据并根据需要用于上述配置

{
    "error": "false",
    "content": [
        {
            "comp_code": "4",
            "comp_name": "KMT OVERSEAS",
            "order_no": "16",
            "soh_pk": "23660",
            "order_items": [
                {
                    "comp_code": "4",
                    "comp_name": "KMT OVERSEAS",
                    "order_no": "16",
                    "sod_pk": "31689",
                },
                {
                    "comp_code": "4",
                    "comp_name": "KMT OVERSEAS",
                    "order_no": "16",
                    "sod_pk": "31688",
                }
            ]
        },
        {
            "comp_code": "4",
            "comp_name": "KMT OVERSEAS",
            "order_no": "18",
            "soh_pk": "23702",
            "order_items": [
                {
                    "comp_code": "4",
                    "comp_name": "KMT OVERSEAS",
                    "order_no": "18",
                    "sod_pk": "31749",
                },
                {
                    "comp_code": "4",
                    "comp_name": "KMT OVERSEAS",
                    "order_no": "18",
                    "sod_pk": "31742",

                },
                {
                    "comp_code": "4",
                    "comp_name": "KMT OVERSEAS",
                    "order_no": "18",
                    "sod_pk": "31743",
                },
               
            ]
        }
    ]
}

---

对于从服务器获取JSON：

添加Http包

使用Http包发出网络请求

将响应转换为列表

将此工作移动到单独的隔离区

---

有关更多信息，请查看从服务器获取JSON的链接：

添加Http包

使用Http包发出网络请求

将响应转换为列表

将此工作移动到单独的隔离区

---

有关更多信息，请查看链接

您必须遵循以下步骤，并根据自己的需要自定义给定代码：

1将此插件放入pubspec.yaml文件

http:^0.12.0+4

2导入“包：http/http.dart”作为http///我在下面使用的http，您可以更改它

3构建一个函数来获取数据：

  Future<Map> getNews() async {
  String apiurl = "https://your url/";
  http.Response response = await http.get(apiurl);
  return json.decode(response.body);
}

5调用异步方法内部的函数，如：

// Future<void> main() async {} you can call inside  initstate or any custom function 
 data = await getNews();

---

您必须按照以下步骤自定义给定代码：

1将此插件放入pubspec.yaml文件

http:^0.12.0+4

2导入“包：http/http.dart”作为http///我在下面使用的http，您可以更改它

3构建一个函数来获取数据：

  Future<Map> getNews() async {
  String apiurl = "https://your url/";
  http.Response response = await http.get(apiurl);
  return json.decode(response.body);
}

5调用异步方法内部的函数，如：

// Future<void> main() async {} you can call inside  initstate or any custom function 
 data = await getNews();

---

嘿，卡西姆，我到底需要打电话到哪里因为我在其中调用了一个异步方法，而该方法在

initState（）

中被调用，并且我得到的

数据

为null，请提供一个指南。您可以在主函数中调用它，它可以正常工作，还可以将映射数据声明为项目级全局变量。您可以在项目中的任何地方使用“数据”@Vickysinghy您可以通过在控制台上打印来检查“数据”。为了确保它是否为null，@VickySinghI在main函数中调用了它，结果是null在main（）中调用它，然后使用debugprint（“$data”）；在下一行中，检查输出是什么？嘿，卡西姆，我到底需要在哪里调用

data=wait getNews（）

因为我在其中调用了一个异步方法，而该方法在

initState（）

中被调用，并且我得到的

数据

为null，请提供一个指南。您可以在主函数中调用它，它可以正常工作，还可以将映射数据声明为项目级全局变量。您可以在项目中的任何地方使用“数据”@Vickysinghy您可以通过在控制台上打印来检查“数据”。为了确保它是否为null，@VickySinghI在main函数中调用了它，结果是null在main（）中调用它，然后使用debugprint（“$data”）；在下一行中，检查输出是什么？