Flutter 中 Json 的解析列表

问题描述

如何在 Flutter 中的 ListTile>FutureBuilder 中解析这个？ 我想在 ListTile 标题中显示 ListTile 应该只是 docType。 下面是我的 url 响应模型类。 我根据收到的响应从在线转换器工具生成了这个模型类

//要解析这个JSON数据，做

import 'dart:convert';

final truckDocuments = truckDocumentsFromJson(jsonString);

List<TruckDocuments> truckDocumentsFromJson(String str) =>
    List<TruckDocuments>.from(
        json.decode(str).map((x) => TruckDocuments.fromJson(x)));

String truckDocumentsToJson(List<TruckDocuments> data) =>
    json.encode(List<dynamic>.from(data.map((x) => x.toJson())));

class TruckDocuments {
  TruckDocuments({
    this.id,this.docType,this.docFor,this.expDate,this.expMonth,this.sortOrder,this.required,this.status,this.alert,this.hasExpiryDate,this.selected,});

  int id;
  String docType;
  String docFor;
  int expDate;
  int expMonth;
  int sortOrder;
  bool required;
  int status;
  String alert;
  bool hasExpiryDate;
  bool selected;

  factory TruckDocuments.fromJson(Map<String,dynamic> json) => TruckDocuments(
        id: json["id"],docType: json["docType"],docFor: json["docFor"],expDate: json["expDate"],expMonth: json["expMonth"],sortOrder: json["sortOrder"],required: json["required"],status: json["status"],alert: json["alert"],hasExpiryDate: json["hasExpiryDate"],selected: json["selected"],);

  Map<String,dynamic> toJson() => {
        "id": id,"docType": docType,"docFor": docFor,"expDate": expDate,"expMonth": expMonth,"sortOrder": sortOrder,"required": required,"status": status,"alert": alert,"hasExpiryDate": hasExpiryDate,"selected": selected,};
}

解决方法

不确定，但这可能对您有用。 类 ListViewOfTrack 扩展了 StatelessWidget { const ListViewOfTrack({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder(
        future: Future.delayed(Duration(seconds: 1)),//Retrieving data

        builder: (BuildContext context,AsyncSnapshot snapshot) {
          if (snapshot.hasData) {
            //snapshot contains json data. Pass that to turckDocumentsFromJson
            var response = snapshot.data;
            final truckDocuments = truckDocumentsFromJson(response.body);
            return ListView.builder(
              itemBuilder: (context,index) {
                return ListTile(
                  title: truckDocuments[index].docType,);
              },);
          }
          return Center(
            child: CircularProgressIndicator(),);
        },),);
  }
}