Arrays 需要将JSON数据获取字段配置为flatter中的小部件元素

我对JSON数据进行了以下建模，其中每个订单中都有订单和项目

数据模型

   class NewOrder {
      String _error;
      List<Content> _content;
    
      NewOrder({String error, List<Content> content}) {
        this._error = error;
        this._content = content;
      }
    
      String get error => _error;
      set error(String error) => _error = error;
      List<Content> get content => _content;
      set content(List<Content> content) => _content = content;
    
      NewOrder.fromJson(Map<String, dynamic> json) {
        _error = json['error'];
        if (json['content'] != null) {
          _content = new List<Content>();
          json['content'].forEach((v) {
            _content.add(new Content.fromJson(v));
          });
        }
      }
    
      Map<String, dynamic> toJson() {
        final Map<String, dynamic> data = new Map<String, dynamic>();
        data['error'] = this._error;
        if (this._content != null) {
          data['content'] = this._content.map((v) => v.toJson()).toList();
        }
        return data;
      }
    }
    
    class Content {
    
      String _orderNo;
      List<OrderItems> _orderItems;
    
      Content(
          {
          String orderNo,
          List<OrderItems> orderItems}) {
     
        this._orderNo = orderNo;
        this._orderItems = orderItems;
      }
    
      set orderNo(String orderNo) => _orderNo = orderNo;
      List<OrderItems> get orderItems => _orderItems;
      set orderItems(List<OrderItems> orderItems) => _orderItems = orderItems;
    
      Content.fromJson(Map<String, dynamic> json) {
      
        _orderNo = json['order_no'];
        if (json['order_items'] != null) {
          _orderItems = new List<OrderItems>();
          json['order_items'].forEach((v) {
            _orderItems.add(new OrderItems.fromJson(v));
          });
        }
      }
    
      Map<String, dynamic> toJson() {
        final Map<String, dynamic> data = new Map<String, dynamic>();
     
        data['order_no'] = this._orderNo;
        if (this._orderItems != null) {
          data['order_items'] = this._orderItems.map((v) => v.toJson()).toList();
        }
        return data;
      }
    }
    
    class OrderItems {
      String _compCode;
    
      OrderItems({String compCode, String compName, String orderNo}) {
        this._compCode = compCode;
      }
    
      String get compCode => _compCode;
      set compCode(String compCode) => _compCode = compCode;
    
      OrderItems.fromJson(Map<String, dynamic> json) {
        _compCode = json['comp_code'];
      }
    
      Map<String, dynamic> toJson() {
        final Map<String, dynamic> data = new Map<String, dynamic>();
        data['comp_code'] = this._compCode;
    
        return data;
      }
    }

我需要在PageView.builder（水平滚动）和嵌套的ListView.builder（垂直滚动）中显示数据，我已经创建了这个模型

我使用下面的代码将JSON日期与上述配置的模型关联起来，该函数正在成功运行

Future<NewOrder> getdetailsoforders(String userid, String companycode) async {

    SharedPreferences sharedPreferences = await SharedPreferences.getInstance();
    Map data = {
      'user_id': userid,
      'company_code':companycode
    };


    var response = await http.post(newapi, body: data);
    if(response.statusCode == 200) {
      
      jsonResponse = json.decode(response.body);

    return NewOrder.fromJson(jsonResponse);


    }
    

Future getdetailsoforders（字符串用户ID、字符串公司代码）异步{
SharedReferences SharedReferences=等待SharedReferences.getInstance（）；
地图数据={
“用户id”：用户id，
“公司代码”：公司代码
};
var response=wait http.post（newapi，body:data）；
如果（response.statusCode==200）{
jsonResponse=json.decode（response.body）；
返回NewOrder.fromJson（jsonResponse）；
}

}

现在，我需要将JSON数据字段与我正在使用以下小部件的小部件模型相关联

    FutureBuilder(
            future: _future,
            builder: (context, AsyncSnapshot<Payload> snapshot) {
              switch (snapshot.connectionState) {
                case ConnectionState.none:
                  return Text('none');
                case ConnectionState.waiting:
                  return Center(child: CircularProgressIndicator());
                case ConnectionState.active:
                  return Text('');
                case ConnectionState.done:
                  if (snapshot.hasError) {
                    return Text(
                      '${snapshot.error}',
                      style: TextStyle(color: Colors.red),
                    );
                  } else {
   return PageView.builder(
                        scrollDirection: Axis.horizontal,
                        itemCount: snapshot.data.content.length,// length of total orders

                        itemBuilder: (context, index) {
                          return Column(
                                          children:<Widget>[
                                    Text('Order Number to be Displayed here'),
                                    ListView.builder(
                                  
                                  shrinkWrap: true,
                                  itemCount: //lenght of the items in the order to be determined,
                                  itemBuilder: (context, index) {
                                   return Column(
                                      children: [
                                         Text('Item Name'),
                                         Text('Item description here')

                                      ],
                                    );
                                  },
                                ),



                                        ])


                          
                        });
                  }
              }
            })

FutureBuilder(
未来：未来，
生成器：（上下文，异步快照）{
交换机（快照.连接状态）{
案例连接状态。无：
返回文本（“无”）；
案例连接状态。正在等待：
返回中心（子项：CircularProgressIndicator（））；
案例连接状态.active：
返回文本（“”）；
案例连接状态。完成：
if（snapshot.hasError）{
返回文本(
“${snapshot.error}”，
样式：TextStyle（颜色：Colors.red），
);
}否则{
返回PageView.builder(
滚动方向：轴水平，
itemCount:snapshot.data.content.length，//订单总数的长度
itemBuilder：（上下文，索引）{
返回列(
儿童：[
文本（“此处显示的订单号”），
ListView.builder(
收缩膜：对，
itemCount://待确定顺序中项目的长度，
itemBuilder：（上下文，索引）{
返回列(
儿童：[
文本（“项目名称”），
文本（'此处为项目说明'）
],
);
},
),
])
});
}
}
})

对于订单及其相应项目的最终列表，我需要从模型中获取字段，但我无法这样做，请指导我如何获取这些详细信息。 我需要内容模型中的

订单号

，然后在同一模型中，我需要获得

订单项目的长度

，然后是这些订单项目的字段值

我对JSON颤振的学习还不熟悉，这就是我面临这个问题的原因，请指导我解决方案

我知道我已经写了很多代码，但这是为了提供一个清晰的画面，具体需要做什么。

builder：（上下文，异步快照）

与

访问数据，如：

Text(snapshot.data.content[index].orderNo)

---

编辑答案，为其他人找到类似的方法

builder: (context, snapshot)

Text(snapshot.data.content[index].orderNo)