Flutter JSON String/Int 命令

Question

我正在尝试制作一个从this JSON list 检索数据 并将此数据解析 到listview 的应用程序。

使用下面的代码，我希望看到的第一条记录是ID、NAME 和PRICE，但似乎我无法检索PRICE，因为这是一个int，我正在从 JSON 列表中调用一个string。

此外，'PRICE' 和 'ID' 一样是一个 int，如下所述，但 'ID' 可以很好地获取，而 'PRICE' 只是在列表视图中显示 'NULL'

我不知道如何解决这个问题，希望我能在这个平台上得到我正在寻找的答案。

FirstPage.dart：

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:convert';
import 'package:http/http.dart' as http;

void main() {
  runApp(MaterialApp(
    home: StarWarsData(),
  ));
}

class StarWarsData extends StatefulWidget {
  @override
  StarWarsState createState() => StarWarsState();
}

class StarWarsState extends State<StarWarsData> {
  final String url = "https://api.coinmarketcap.com/v2/ticker/";
  List data;

  Future<String> getSWData() async {
    var res = await http
        .get(Uri.encodeFull(url), headers: {"Accept": "application/json"});

    setState(() {
      var resBody = json.decode(res.body);
      data = resBody["data"];
    });

    return "Success!";
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Cryp-Tick Crypto Exchange"),
        centerTitle: true,
        backgroundColor: Colors.black,
      ),
      body: ListView.builder(
        itemCount: data == null ? 0 : data.length,
        itemBuilder: (BuildContext context, int index) {
          return new Container(
            child: Center(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: <Widget>[
                  Card(
                    child: Container(
                        padding: EdgeInsets.all(15.0),
                        child: Row(
                          children: <Widget>[
                            Text("Id: "),
                            Text('${data[index]["id"]}',
                                style: TextStyle(
                                    fontSize: 18.0, color: Colors.black87)),
                          ],
                        )),
                  ),
                  Card(
                    child: Container(
                        padding: EdgeInsets.all(15.0),
                        child: Row(
                          children: <Widget>[
                            Text("Name: "),
                            Text('${data[index]["name"]}',
                                style: TextStyle(
                                    fontSize: 18.0, color: Colors.red)),
                          ],
                        )),
                  ),
                  Card(
                    child: Container(
                        padding: EdgeInsets.all(15.0),
                        child: Row(
                          children: <Widget>[
                            Text("Price: "),
                            Text('${data[index]["price"]}',
                                style: TextStyle(
                                    fontSize: 18.0, color: Colors.black87)),
                          ],
                        )),
                  ),
                ],
              ),
            ),
          );
        },
      ),
    );
  }

  @override
  void initState() {
    super.initState();
    this.getSWData();
  }
}

我在调试控制台中收到的错误：

E/flutter (25480): [ERROR:topaz/lib/tonic/logging/dart_error.cc(16)] Unhandled exception:
E/flutter (25480): type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'List' where
E/flutter (25480):   _InternalLinkedHashMap is from dart:collection
E/flutter (25480):   String is from dart:core
E/flutter (25480):   List is from dart:core

Answer 1

我认为问题不在于您的想法。您的数据类型为 List:

List data;

你正在这样填充它：

data = resBody["data"];

错误提示：

类型 '_InternalLinkedHashMap<String, dynamic>' 不是类型 'List' 的子类型

这表明 resBody["data"]` 是一个映射而不是一个列表，如果你查看你正在拉取的 URL 中的 JSON，它的开头是这样的：

{
    "data": {
        "1": {

data 对象不是列表/数组，而是对象/映射。您应该将data 变量的类型更改为Map<String, dynamic>，然后将数据转换为List，然后再将其存储到变量中。

---

在一些 cmets 之后编辑

我能够通过添加 .values.toList() 并将 JSON 剥离到前两条记录来完成这项工作：

但是，对于来自该 url 的所有 JSON，它似乎是错误的。因此，也许 JSON 中的某些内容正在触发错误。更奇怪的是，它似乎在 DartPad 中运行良好！