Flutter JSON 列表未正确返回

Posted

技术标签:

【中文标题】Flutter JSON 列表未正确返回【英文标题】:Flutter JSON list not returning properly 【发布时间】:2018-11-12 09:15:49 【问题描述】:

我一直在关注this youtube video,以帮助我将在线 JSON 文件中的数据返回到列表视图中。我稍微修改了代码,包括更改 JSON 文件的 URL,因此,代码现在请求不同的数据。

某事告诉我这是因为我想使用的 JSON 类型与我使用的代码不兼容,但我不知道为什么并且可能是错误的。我使用所提供视频的作者使用的原始 'StarWarsData'、'StarWarsState' 只是为了尽量减少我的代码中的差异。

谢谢,杰克

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/listings/";
  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("Star Wars Starships"),
        backgroundColor: Colors.deepPurpleAccent,
      ),
      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("Symbol: "),
                            Text(data[index]["symbol"],
                                style: TextStyle(
                                    fontSize: 18.0, color: Colors.black87)),
                          ],
                        )),
                  ),
                ],
              ),
            ),
          );
        ,
      ),
    );
  

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

编辑

这个问题现在已经解决了,但是如果有人感兴趣,这里是我之前遇到的错误:

I/flutter (31850): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY 
╞═══════════════════════════════════════════════════════════I/flutter 
(31850): type 'int' is not a subtype of type 'String' where I/flutter 
(31850): int is from dart:core I/flutter 
(31850): String is from dart:core

【问题讨论】:

请添加您收到的错误信息 问题已经得到解答,但以防万一您仍然感兴趣,这里是错误。 I/flutter (31850): ══╡ 小部件库发现异常╞════════════════════════════════════ ════════════════════════════I/flutter(31850):类型'int'不是类型'String'的子类型,其中I /flutter (31850): int 来自 dart:core I/flutter (31850): String 来自 dart:core 如果这还不够,请关注我,我的回复空间有限 您可以编辑问题并添加其他信息。这样你也可以正确格式化它。 那么你想让我重新格式化问题还是给你更多我的错误?我想我应该编辑我的问题并添加完整的日志 【参考方案1】:

问题就在这里,

Text(data[index]["id"],

其中"id" 字段是一个整数,您直接使用它来代替字符串。

改成,

Text('$data[index]["id"]',

【讨论】:

你也是,非常感谢你的帮助:)

以上是关于Flutter JSON 列表未正确返回的主要内容,如果未能解决你的问题,请参考以下文章

Flutter DistanceMatrix JSON 无法正确解析

Flutter:如何正确地对“列表”进行 JSON 编码?

Flutter:将 JSON 映射到对象列表中返回 null

在 Flutter 中使用 ListView 从 API 检索 json 对象列表时。拥有有状态或无状态小部件是不是正确?

For 循环仅返回第一个 json 对象 Flutter

格式不正确的定义标志:EDIT_flutter