Question

我想显示来自 riot api 的召唤师数据，但出现此错误 '错误：方法'[]'不能无条件调用，因为接收者可以是'null'。在“return Text(snapshot.data['id'])”下有红线。

所以我尝试使用 '?'使其成为有条件的，但我仍然遇到相同的错误。有人知道怎么处理吗？？

我从中获取数据的 api：https://developer.riotgames.com/apis#summoner-v4/GET_getBySummonerName

FutureBuilder(
                future: getData(widget.value),
                builder: (context, snapshot) {
                  switch (snapshot.connectionState) {
                    case ConnectionState.none:
                      return Text('none');
                    case ConnectionState.active:
                      return Text('active');
                    case ConnectionState.waiting:
                      return Text('waiting,,,');
                    case ConnectionState.done:
                      return snapshot.hasData
                          ? Text(snapshot.data['id'])
                          : Text('N/A');
                    default:
                      return Text('default');

Future getData(String value) async {
    http.Response response =
        await http.get(Uri.parse('$summonerInfoUrl$value?api_key=$apiKey'));

    if (response.statusCode == 200) {
      String data = response.body;
      var decodeData = jsonDecode(data);
      return decodeData;
    } else {
      print(response.statusCode);
      return Text('error occured');
    }
  }

Answer 1

您需要在方括号前使用可识别空值的运算符 !，这将强制该值排除空值。但是，只有在确定响应为空时才执行此操作，否则会引发错误。

如果您不确定它是否为空，请在括号前使用运算符 ?，然后在括号后使用 ?? 和后备值。例如。 snapshot.data?['id'] ?? 'No ID'。

Flutter 如何显示 FutureBuilder 的 snapshot.data？

1 个答案: