【发布时间】:2021-07-07 10:58:21
【问题描述】:
我正在从返回一些数据的组件调用 API,但问题是 snapshot.hasData 是 true 但 snapshot.data.length 是 0。我是否(再次)错误地解析了数据?代码:
API调用服务组件:
Future<List<User>> getUsers() async {
final response = await APIRequest(Method.GET, '/users');
if (response.statusCode == 200) {
var body = jsonDecode(response.body)['data'];
print('this is the response body: ' + response.body); // it returns data completely
List<User> users = [];
body.map((e) {
User user = User.fromJson(e);
users.add(user);
});
return users;
} else {
print('Error occurred! Data is not fetched!');
}
}
用户列表组件:
Future<List<User>> _getUserList() async {
var _userData = await APIcalls.instance.getUsers();
return _userData;
}
FutureBuilder<List<User>>(
future: _getUserList(),
builder: (context, snapshot) {
if (snapshot.hasData) {
print(snapshot.hasData.toString()); // returns true
print(snapshot.data.length); // returns 0
return ListView.builder(
shrinkWrap: true,
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
print(snapshot.data.length);
return Text(snapshot.data[index].userId);
},
);
} else if (snapshot.hasError) {
return Text("${snapshot.error}");
}
return Container();
},
)
【问题讨论】:
-
在您的
getUsers方法中,您返回了posts...它来自哪里? -
错字,已在问题中修复
-
将您从 API 获得的 JSON 响应添加到问题中
标签: json flutter mobile flutter-futurebuilder