android - 获取 Json 后无法刷新列表视图
问题描述
我一直在尝试从服务器获取数据并将其显示在 futurebuilder 内的 listview.builder 中,但 listview 仅在应用 setstate() 后才更新,请帮助已经卡了一段时间。
Future<dynamic> _fetchData() async {
sPref.getUserId().then((onValue) {
userIds = onValue;
});
sPref.getAuthToken().then((val) {
token = val;
var body = {
'userId': '$userIds',
};
var client = http.Client();
var response = http.Request(
'POST', Uri.parse('http://example.net/api/fetchJson'));
response.headers["Authorization"] = "Bearer $token";
response.bodyFields = body;
print(response.headers);
client.send(response).then((response) {
return http.Response.fromStream(response);
}).then((res) {
return res.body;
}).then((body) {
return json.decode(body);
}).then((body) {
print(body.toString());
var datas = body['data'];
if (body['status'] == 'success') {
list = (datas as List)
.map((data) => new PosModelData.fromJson(data))
.toList();
return list;
} else {
print('failed');
}
});
return list;
});
}
这就是我将来要称呼它的地方。需要知道我哪里出错了。
body: FutureBuilder(
future: _fetchData(),
builder: (context, data) {
switch (data.connectionState) {
case ConnectionState.none:
case ConnectionState.waiting:
return Center(child: CircularProgressIndicator());
default:
// if (data.hasError)
// return new Text('Error: ${data.error}');
// else
return ListView.builder(
itemCount: list.length,
itemBuilder: (BuildContext context, int index) {
return Container(
padding: EdgeInsets.symmetric(
horizontal: 6.0, vertical: 4.0),
child: Card(
elevation: 10.0,
child: Column(children: <Widget>[
ListTile(
title: Text(list[index].firstName),
subtitle: list[index].phone != null
? Text(list[index].phone)
: Text('Not mentioned'),
trailing: trailingText(index),
),
]),
),
解决方案
在您的代码中,您没有return
从您的_fetchData()
块中调用。
您的返回类型是Future
,您需要使用await
,指定您的返回类型List<PosModelData>
并return
从您的async
块中
Future<List<PosModelData>> _fetchData() async {
final response = await http.Request('POST', Uri.parse('http://example.net/api/fetchJson'));
final list = ... convert response to list
return list;
}
然后你会从回调中得到列表builder: (context, data) {}
。
请检查这个例子。
更新 1
除了使用async
and await
,另一种使用方法Future
是返回Future
类型。指定您的返回类型Future<List< PosModelData>>
和返回Future
类型
return sPref.then((s) {}
.
请查看以下示例代码和Futures
文档以了解 dart 异步编程。
Future<List<PosModelData>> _fetchData() {
return Future.wait([sPref.getUserId(), sPref.getAuthToken()]).then((data) {
userIds = data.first;
token = data[1];
var body = {
'userId': '$userIds',
};
var client = http.Client();
var response = http.Request(
'POST', Uri.parse('http://example.net/api/fetchJson'));
response.headers["Authorization"] = "Bearer $token";
response.bodyFields = body;
print(response.headers);
return client.send(response).then((response) {
return http.Response.fromStream(response);
}).then((res) {
return res.body;
}).then((body) {
return json.decode(body);
}).then((body) {
print(body.toString());
var datas = body['data'];
if (body['status'] == 'success') {
list = (datas as List)
.map((data) => new PosModelData.fromJson(data))
.toList();
return list;
} else {
print('failed');
}
});
});
推荐阅读
- google-apps-script - 在 Google Apps Script API 中使用 batchUpdate 更新背景颜色
- java - 如何在 Android 中创建文本字段以在 Flutter 应用中使用
- python - 如何设置 Pandas 以提取某些列的某些行并将它们堆叠在一起?
- c# - efcore 2.2 中的多租户配置
- wordpress - Wordpress 管理区域,添加固定弹出窗口的最佳操作
- python - 基于熊猫列数的自定义分组
- linux - Linux 排序与编程
- selenium - 选择文件和输入文本关键字在 Robot Framework Selenium 中不起作用
- python - Python:如何优化或简化以下代码?
- ubuntu - Gnome Tweak Tool 不保存更改