“List”不是“Map”flatter[duplicate]类型的子类型

Question

在这里，我试图创建一个未来的listview生成器，得到一条错误消息：_TypeError（type'List'不是type'Map'的子类型）flift。我需要在列表视图中获取帖子中的所有数据。使用JSON到dart转换器quicktype创建模型类。木卫一

未来电话

Future<Posts> getPosts() async {
  try {
    final response =
        await http.get(Uri.https('jsonplaceholder.typicode.com', 'posts'));

    var data = jsonDecode(response.body);
    return Posts.fromJson(data);
  } catch (e) {
    print(e);
  }
}

模型

List<Posts> postsFromJson(String str) => List<Posts>.from(json.decode(str).map((x) => Posts.fromJson(x)));
String postsToJson(List<Posts> data) => json.encode(List<dynamic>.from(data.map((x) => x.toJson())));
class Posts {
    Posts({
        this.userId,
        this.id,
        this.title,
        this.body,
    });

    int userId;
    int id;
    String title;
    String body;

    factory Posts.fromJson(Map<String, dynamic> json) => Posts(
        userId: json["userId"],
        id: json["id"],
        title: json["title"],
        body: json["body"],
    );

    Map<String, dynamic> toJson() => {
        "userId": userId,
        "id": id,
        "title": title,
        "body": body,
    };
}

Answer 1

改变这个：

var data = jsonDecode(response.body);

变成这样：

var data = (jsonDecode(response.body) as List<dynamic>).cast<Map<String, dynamic>>();

Answer 2

我认为你应该使用：

return postsFromJson(data);

并使该函数返回一个列表，因为在响应体中它返回一个对象列表，因此只使用POST。fromJson（）会给您这个错误，因为Posts。fromJson（）需要一个映射，您给了它一个列表。如果您只需要一个项目，您可以访问列表中的该项目并将其提供给帖子。fromJson（）函数

Answer 3

我认为你的API返回的帖子列表不仅仅是一篇帖子。首先，我建议将您的类名从Post重命名为Post，然后下面的代码可以解决您的问题：

Future<List<Posts>> getPosts() async {
  try {
    final response =
        await http.get(Uri.https('jsonplaceholder.typicode.com', 'posts'));

    var data = jsonDecode(response.body);
    return data.map<Posts>((data) => Posts.fromJson(json.decode(data))).toList();
  } catch (e) {
    print(e);
  }
}