如何检索 json 数据元素以在 flutter 中列出 view.builder？

Question

我正在使用以下代码从 flutter 应用程序中的 mysql 服务器获取 json 数据的元素。其中我成功获取了数据。

class CompanyDetail {
  String error;
  List<Content> content;

  CompanyDetail({this.error, this.content});

  CompanyDetail.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 id;
  String name;

  Content({this.id, this.name});

  Content.fromJson(Map<String, dynamic> json) {
    id = json['id'];
    name = json['name'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['id'] = this.id;
    data['name'] = this.name;
    return data;
  }
}

然后绑定Json数据：

var companyDetail = CompanyDetail.fromJson(json.decode(response.body));

现在我需要在 flutter 列表视图构建器中通过这个访问 json 元素，但我不知道如何访问这些元素

companyDetail.content

这是要获取并构建列表的JSON数据

JSON数据

{"error":"false",
 "content":[
{
"id":"22","name":"Johnny",},

{"id":"23","name":"Maria",},
]
}

请指导我如何获取 JSON 的基本数据并将其放入 Listview.builder 的 ListTile？

Answer 1

访问公司详情["内容"]

Answer 2

希望这有助于此代码将有助于从您的 JSON 结构中访问内容中的数据并将其映射到变量。

var jsonDecode = json.decode(jsonFile);
//Decode your json file 

//then map the content details to a variable.

var content = jsonDecode['content'];
// Since data inside your json eg above is a list.
// access the first element of the list and map to a var. 
var firstdata= content[0];
// then map the id and name to a variable.
String id=firstdata['id'];
String name = firstdata['name'];

在文本小部件内的列表磁贴中使用它

如何检索 json 数据元素以在 flutter 中列出 view.builder？

How to retrieve json data elements in to list view.builder in flutter?

json

flutter

flutter-listview