這是我的JSON代碼
[/span>
{>
"id": 1,
"title": "Всем моим братьям салам",
"description": "Салам всем моим братьям",
"created_at": "2021-09-14T23:55:23.000000Z",
"uped_at"： "2021-09-14T23:55:23.000000Z"
},
]
我的代碼
Column(
兒童。[
容器(
margin: EdgeInsets.only(top: 52.w, right: 25.w, left: 25.w）。)
padding: EdgeInsets.symmetric(izont: 20.w)。
寬度: 355.w,
孩子。Text('',
style: TextStyle(color: Colors.white, fontSize: 29.sp) 。
),
),
容器(
margin: EdgeInsets.only(top: 20.w, right: 25.w, left: 25.w）。)
padding: EdgeInsets.symmetric(水平：20.w)。
width: 319.w,
孩子。文本(
''。
風格。TextStyle(color: Colors.white, fontSize: 16.sp) 。
),
),
],
),
uj5u.com熱心網友回復：
首先，你從你的資料中制作一個串列，然后將串列傳給ListView.builder。
HTTP請求函式
Future<List<Item>> _getItemdata (String url) async {
Uri url = Uri.parse（url）。
final response = await http.get（url）。
var data = jsonDecode（response.body）。
print('data: $data')。
return data.map((itemJson) => Item.fromJson(itemJson) ).toList()。
}
模型類
class Item {
int id;
String title。
String description;
String createdAt;
String updatedAt;
Item({this.id, this.title, this.description, this.createdAt, this.upedAt}) 。
Item.fromJson(Map<String, dynamic> json) {
id = json['id']。
title = json['title']。
description = json['description']。
createdAt = json['created_at']。
updatedAt = json['uped_at']。
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>（）。
data['id'] = this.id。
data['title'] = this.title。
data['description'] = this.description;
data['created_at'] = this.createdAt;
data['uped_at'] = this.upedAt;
return data;
}
獲取串列
List<Item> itemList = await getItemData("your url"/span>) 。
UI:
ListView.builder(
shrinkWrap: true,
物理學。ScrollPhysics()。
itemCount: itemList.length;
itemBuilder:(context, index){
return Column(
兒童。[
容器(
margin: EdgeInsets.only(top: 52.w, right: 25.w, left: 25.w）。)
padding: EdgeInsets.symmetric(izont: 20.w)。
寬度: 355.w,
孩子。Text("${itemList[index].title}"。
風格。TextStyle(color: Colors.white, fontSize: 29.sp) 。
),
),
容器(
margin: EdgeInsets.only(top: 20.w, right: 25.w, left: 25.w）。)
padding: EdgeInsets.symmetric(水平：20.w)。
width: 319.w,
孩子。Text(
Text("${itemList[index].description}"。
風格。TextStyle(color: Colors.white, fontSize: 16.sp) 。
),
),
],
);
}
)
uj5u.com熱心網友回復：
對于給定的這段代碼，讓我假設你的json資料被分配到一個變數 "data"。
var newData = json.decode(data)。
String title = newData[0]["title"] 。
String subTitle = newData[0]["description"] 。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/307042.html
標籤：
上一篇：Rails排序查詢優化