类型“List”不是类型“Map”的子类型，在flatter应用程序中获取此错误

Question

我试图加载数据从我的strapi数据库列表，即：http://localhost:1337/products下面是一个示例数据从我的数据库：

[{“picture”：[{“_id”：“602d327fe790253a44f466e7”，“name”：“petromax.png”，“alternativeText”：“caption”：“hash”：“petromax_14618; add72”，“ext”：“ext”：“image/png”，“size”：73.87，“width”：444，“height”：512，“url”：“/上传/petromax_14618add72.png”，“格式”：“{“缩略图”：“缩略图”：“thumbnail_petromax.png”，“hash”：“thumnail_petromax 14618add72”，“ext”：“ext”：“png”：“mime”：“image/png”，“width”：135，“height”：156，“size”：30.2，“path”：null，“url”：“/uploads/thumble\u petromax\u 14618add72.png”，“small”：“name”：“small\u petromax\u 14618add72”，“ext”：.png”，“mime”：“image/png”，“width”：434，“height”：500，“size”：205.37，“path”：null，“url”：“/uploads/small\u petromax\u 14618add72.png”，“provider”：“local”，“相关”：[“602d3287e790253a44f466e8”]，“创建日期”：“2021-02-17T15:13:03.648Z”，“更新日期”：“2021-02-17T15:13:11.831Z”；“创建人”：“60278359e1626337e009d550”；“更新人”：“60278359e1626337e009d550”；“id”：“602d327fe790253a44f466e7”；“id”：“602D3287E798”；“说明”；“KG”；“说明”；“KG”，“圆柱体”：780，“创建人”：“2021-02-17T15:13:11.285Z”，“更新日期”：“2021-02-21T15:35:58.368Z”，“创建人”：{“id”：“60278359e1626337e009d550”，“用户名”：null，“名字”：“DokanDar”，“姓氏”：“eComm”，“创建日期”：“2021-02-13T07:44:25.817Z”，“更新日期”：“2021-02-13T07:44:26.35Z”，“用户名”：602039E00”，“更新人”：{“_id”：“60278359e1626337e009d550”，“用户名”：null，“名字”：“DokanDar”，“lastname”：“eComm”，“createdAt”：“2021-02-13T07:44:25.817Z”，“updatedAt”：“2021-02-13T07:44:26.352Z”，“_uv”：0，“id”：“60278359e1626337e009d550”，“Price”：850，“id”：“602d3287e790253a44f466e8”，

我想展示此产品项中的每个产品。省道页面：

import 'package:flutter/material.dart';
import 'package:flutter_ecommerce/models/app_state.dart';
import 'package:flutter_ecommerce/models/product.dart';
import 'package:flutter_redux/flutter_redux.dart';

class ProductItem extends StatelessWidget {
  final Product item;
  ProductItem({this.item});

  @override
  Widget build(BuildContext context) {
    final String pictureUrl = 'http://localhost:1337${item.picture['url']}';
    return GridTile(
        footer: GridTileBar(
            title: FittedBox(
                fit: BoxFit.scaleDown,
                alignment: Alignment.centerLeft,
                child: Text(item.name, style: TextStyle(fontSize: 20.0))),
            subtitle: Text("\$${item.price}", style: TextStyle(fontSize: 16.0)),
            backgroundColor: Color(0xBB000000),
            trailing: StoreConnector<AppState, AppState>(
                converter: (store) => store.state,
                builder: (_, state) {
                  return state.user != null
                      ? IconButton(
                          icon: Icon(Icons.shopping_cart),
                          color: Colors.white,
                          onPressed: () => print('pressed'))
                      : Text('');
                })),
        child: Image.network(pictureUrl, fit: BoxFit.cover));
  }
}

启动应用程序后，我收到以下错误：

E/flutter（25288）：[ERROR： flutter/lib/ui/ui_dart_state.cc（184）]未处理的异常：类型列表不是类型映射的子类型

这些是文件中actions.dart产品操作：

ThunkAction<AppState> getProductsAction = (Store<AppState> store) async {
  http.Response response = await http.get('http://localhost:1337/products');
  final List<dynamic> responseData = json.decode(response.body);
  List<Product> products = [];
  responseData.forEach((productData) {
    final Product product = Product.fromJson(productData);
    products.add(product);
  });
  store.dispatch(GetProductsAction(products));
};

class GetProductsAction {
  final List<Product> _products;

  List<Product> get products => this._products;

  GetProductsAction(this._products);
}

这也是product.dart文件：

import 'package:meta/meta.dart';

class Product {
  String id;
  String name;
  String description;
  num price;
  Map<String, dynamic> picture;

  Product(
      {@required this.id,
      @required this.name,
      @required this.description,
      @required this.price,
      @required this.picture});

  factory Product.fromJson(Map<String, dynamic> json) {
    return Product(
        id: json['id'],
        name: json['name'],
        description: json['description'],
        price: html" target="_blank">json['price'],
        picture: json['picture']);
  }
}

Answer 1

我想你得到的是地图

final Map<String, dynamic> responseData = json.decode(response.body);