Question

这是我的代码。当我运行代码时，出现这样的错误
“ TypeError（类型'String'不是'index'的'int'类型的子类型）”。是使用Json Data做的还是我使用的是错误的数据类型。 Future<List<Arrivals>>是否正确书写？

    class MyHomePage extends StatefulWidget {
      @override
      _MyHomePageState createState() => _MyHomePageState();
    }

    class _MyHomePageState extends State<MyHomePage> {
      List<Arrivals> details = [];
      Future<List<Arrivals>> _getDetails() async {
        var data =
            await http.get("https://flight-api-maldives.herokuapp.com/arrivals");
        var jsonData = jsonDecode(data.body);

        for (var val in jsonData) {
          Arrivals arrivals = Arrivals(
            val['Scheduled'],
            val['Revised'],
            val['From'],
            val['Flight'],
            val['Status'],
          );
          details.add(arrivals);
          print(details.length);
        }
        return details;
      }

      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: SingleChildScrollView(
            child: Column(
              children: <Widget>[
                FutureBuilder(
                  future: _getDetails(),
                  builder: (BuildContext context, AsyncSnapshot snapshot) {
                    if (snapshot.data != null) {
                      return Container(
                        child: ListView.builder(
                          itemBuilder: (BuildContext context, int index) {
                            return Center(child: Text('snapshot.data[index].Scheduled'),);
                          }
                        ),
                      );
                    }else{
                       return Center(
                        child: Text('NO'),
                      );
                    }
                  },
                )
              ],
            ),
          ),
        );
      }
    } 
    class Arrivals {
      final String Scheduled;
      final String Revised;
      final String From;
      final String Flight;
      final String Status;

      Arrivals(this.Scheduled, this.Revised, this.From, this.Flight, this.Status);
    }

这是使用的json数据即时通讯

[
  [
    {
      "Scheduled": "06:35",
      "Revised": "06:35",
      "From": "Kaadedhdhoo (KDM)",
      "Flight": "Maldivian Q2 149",
      "Status": "On-Time"
    },
    {
      "Scheduled": "06:40",
      "Revised": "06:40",
      "From": "Dharavandhoo Island (DRV)",
      "Flight": "Maldivian Q2 289",
      "Status": "On-Time"
    },
 ]
]

我的错误图片在哪里 https://i.stack.imgur.com/qVWLc.png

Answer 1

主要问题在json中。这是列表的列表。

 var jsonData = jsonDecode(data.body);
    jsonData = jsonData[0]; // added line
    for (var val in jsonData) {

此外，他们不需要太多额外的代码即可显示列表视图，您可以使用以下简单代码显示列表视图。除了Listview.builder之外，还需要item count属性来指定项目总数。

将下面的构建方法替换为您的遗嘱。

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder(
        future: _getDetails(),
        builder: (BuildContext context, AsyncSnapshot snapshot) {
          print(snapshot);
          if (snapshot.data != null) {
            return ListView.builder(
                itemCount: snapshot.data.length,
                itemBuilder: (BuildContext context, int index) {
                  return Center(
                    child: Text(snapshot.data[index].Scheduled.toString()),
                  );
                });
          } else {
            return Center(
              child: Text('NO'),
            );
          }
        },
      ),
    );
  }

Answer 2

在JSON数据中，列表中有一个列表。

val['Scheduled'],

此行在列表中被调用，因此方括号中的内容是索引而不是地图键

TypeError（类型“字符串”不是“索引”的类型“ int”的子类型）

2 个答案: