使用 FutureBuilder 时的 null 方法

Question

我试图从这个 url 中获取 json 当我打印 responesbody 时，它打印在控制台上，但是当我尝试在 Future Builder 中获得一些价值时，它给出了这个错误

在 null 上调用了方法“[]”。

  Future getData() async {
    var url =
        'https://v6.exchangerate-api.com/v/68553894467/latest/USD';
    var response = await http.get(url);
    var responsebody = jsonDecode(response.body);
    return (responsebody);
  }

  @override
  void initState() {
    getData();
    super.initState();
  }

  Future OLs() async {
    await Future.delayed(Duration(seconds: 2));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('test'),
        ),
        body: RefreshIndicator(
          onRefresh: OLs,
          child: FutureBuilder(
              future: getData(),
              builder: (buildcontext, AsyncSnapshot snapshot) {
                if (snapshot.hasData) {
                  return ListView.builder(
                    itemBuilder: (context, i) {
                      return Container(
                          child:
                              Text(snapshot.data[i]["time_last_update_utc"]));
                    },
                    itemCount: snapshot.data.length,
                  );
                } 
                
              }),
        ));
  }
}

Answer 1

至于连接 state 没有完成，我们不应该从未来构建器的快照中获取数据，下面的代码将解决问题

          builder: (buildcontext, AsyncSnapshot snapshot) {
            if (snapshot.connectionState == ConnectionState.done &&
              snapshot.hasData) {
              return ListView.builder(
                itemBuilder: (context, i) {
                  return Container(
                      child:
                          Text(snapshot.data[i]["time_last_update_utc"]));
                },
                itemCount: snapshot.data.length,
              );
            } else {
              return CircularProgressIndicator();
            } 
          }