我遇到了时序问题,正在从api获取数据,然后从JSON创建列表。我认为使用结果列表的长度作为列表视图中的项目计数。但是,它将在itemcount上引发空错误,然后完成处理并显示listview。我试图找到时间问题在哪里以及如何处理项目和小部件,以便避免错误。如果有人对我的代码存在缺陷有任何想法,我的代码将显示在下面。
class Specialty extends StatefulWidget { Specialty({Key key, this.title}) : super(key: key); final String title; @override _SpecialtyState createState() => new _SpecialtyState(); } class _SpecialtyState extends State<Specialty> { bool _dataReceived = false; bool _authenticated = false; SharedPreferences prefs; List mylist; @override void initState() { super.initState(); _getPrefs(); _getSpecialty(); } _getPrefs() async { prefs = await SharedPreferences.getInstance(); _authenticated = prefs.getBool('authenticated'); print('AUTH2: ' + _authenticated.toString()); print('AUTHCODE2: ' + prefs.getString('authcode')); } _getSpecialty() async { var _url = 'http://$baseurl:8080/support/specialty'; var http = createHttpClient(); var response = await http.get(_url); var specialties = jsonCodec.decode(response.body); mylist = specialties.toList(); //_dataReceived = true; setState(() { _dataReceived = true; }); } Future<Null> _onRefresh() { Completer<Null> completer = new Completer<Null>(); Timer timer = new Timer(new Duration(seconds: 3), () { completer.complete(); }); return completer.future; } @override Widget build(BuildContext context) { return new Scaffold( body: new RefreshIndicator( child: new ListView.builder( itemBuilder: _itemBuilder, itemCount: mylist.length, ), onRefresh: _onRefresh, )); } Widget _itemBuilder(BuildContext context, int index) { Specialties spec = getSpec(index); return new SpecialtyWidget(spec: spec,); } Specialties getSpec(int index) { return new Specialties( mylist[index]['id'], mylist[index]['name'], mylist[index]['details'], new Photo('lib/images/' + mylist[index]['image'], mylist[index]['name'], mylist[index]['name'])); //return new Specialties.fromMap(mylist[index]); } var jsonCodec = const JsonCodec(); }
await调用async方法时应使用。您可以将标记initState为async,它仍然会覆盖。
await
async
initState
确保在更改setState()成员变量时调用。
setState()
请if (mounted)在setState异步等待之后检查是否要执行此操作,因为该小部件可能不再可见。
if (mounted)
setState
在进行异步编程时,请考虑使用FutureBuilder而不是setState。
FutureBuilder