Flutter 类型'；列表<；动态>'；不是类型为'；地图<；字符串，颤振应用程序中的动态_Flutter_Dart

Flutter 类型'；列表<；动态>'；不是类型为'；地图<；字符串，颤振应用程序中的动态

flutter dart

Flutter 类型'；列表<；动态>'；不是类型为'；地图<；字符串，颤振应用程序中的动态,flutter,dart,Flutter,Dart,我试图在颤振中创建一个API请求，但得到以下错误作为响应类型“List”不是类型“Map”的子类型我正在尝试创建第一个API，请告诉我该方法是否合适这是我的密码 import 'package:flutter/material.dart'; class Product { final int id; final String title, description; final String images; final List<Color> colors;

我试图在颤振中创建一个API请求，但得到以下错误作为响应

类型“List”不是类型“Map”的子类型

我正在尝试创建第一个API，请告诉我该方法是否合适

这是我的密码

import 'package:flutter/material.dart';

class Product {
  final int id;
  final String title, description;
  final String images;
  final List<Color> colors;
  final double price;
  final double rating;
  final bool isFavourite, isPopular;

  Product(
      {this.id,
      this.images,
      this.colors,
      this.title,
      this.price,
      this.rating,
      this.description,
      this.isFavourite,
      this.isPopular});
  factory Product.fromJson(Map<String, dynamic> json) {
    return Product(
      id: json['id'],
      images: json['images'],
      title: json['title'],
      price: json['price'],
      rating: json['rating'],
      description: json['description'],
    );
  }
}


Future<Product> fetchProd() async {
  final response = await http.get('https://test.com/sampleapi.php');

  if (response.statusCode == 200) {
    // If the server did return a 200 OK response,
    // then parse the JSON.
    return Product.fromJson(jsonDecode(response.body));
  } else {
    // If the server did not return a 200 OK response,
    // then throw an exception.
    throw Exception('Failed to load album');
  }
}

class ProdList extends StatefulWidget {
  @override
  _ProdListState createState() => _ProdListState();
}

class _ProdListState extends State<ProdList> {
  Future<Product> futureProdLists;
  @override
  void initState() {
    super.initState();
    futureProdLists = fetchProd();
  
  }

 

  @override
  Widget build(BuildContext context) {
    return Column(children: [
      Padding(
        padding:
            EdgeInsets.symmetric(horizontal: getProportionateScreenWidth(20)),
        child: SectionTitle(title: "Popular Products", press: () {}),
      ),
      SizedBox(height: getProportionateScreenWidth(20)),
      SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: FutureBuilder<Product>(
          future: futureProdLists,
          builder: (context, snapshot) {
            print(snapshot);
            if (snapshot.hasData) {
              return Text(snapshot.data.title);
            } else if (snapshot.hasError) {
              return Text("${snapshot.error}");
            }

问题是您的

api

响应提供了产品对象的

json

数组，您正试图将该数组转换为产品对象，这就是问题所在

现在，您必须迭代

json

数组，将每个元素转换为产品对象，并将它们存储在列表中

用下面的代码片段替换

fetchProd

方法

Future<List<Product>> fetchProd() async {
  List<Product> prodList = [];

  final response = await http.get('https://test.com/sampleapi.php');

  if (response.statusCode == 200) {
    // If the server did return a 200 OK response,
    // then parse the JSON.
    var jsonList = jsonDecode(response.body);
    for(var prod in jsonList){
      prodList.add(Product.fromJson(prod));
    }
    return prodList;
  } else {
    // If the server did not return a 200 OK response,
    // then throw an exception.
    throw Exception('Failed to load album');
  }
}

Future fetchProd（）异步{
列表prodList=[]；
最终响应=等待http.get（'https://test.com/sampleapi.php');
如果（response.statusCode==200）{
//如果服务器确实返回了200 OK响应，
//然后解析JSON。
var jsonList=jsonDecode（response.body）；
for（jsonList中的var prod）{
add（Product.fromJson（prod））；
}
返回产品列表；
}否则{
//如果服务器没有返回200 OK响应，
//然后抛出一个异常。
抛出异常（“加载相册失败”）；
}
}