我如何修复类型'_InternalLinkedHashMap<string, dynamic> ' 不是类型 'Iterable 的子类型<dynamic> '？</dynamic></string,>

Question

我试图使用本地主机将我的 flutter 应用程序连接到我自己的 api，实际上我在调试控制台中得到了一些数据，但它中途停止并显示type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'Iterable<dynamic>'错误，像这样：

该列表未显示在我的应用程序主页中，我该如何解决？ 这是我的代码：

我的存储库代码

import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:medreminder/TipsAndTricks/models/tips_model.dart';

class Repo{
  final _baseUrl = 'http://10.0.2.2:8000/tips';

  Future getData() async{
    try {
      final response = await http.get(Uri.parse(_baseUrl));

      if(response.statusCode == 200){
        print(response.body);
        Iterable it = jsonDecode(response.body);
        List<Tips> tips = it.map((e) => Tips.fromJson(e)).toList();
        return tips;
      }
    } catch (e) {
      print(e.toString());
    }
  }
}

我的 model class

class Tips {
  final String title;
  final String desc;
  final String imageUrl;
  final String source;

  const Tips({
    required this.title,
    required this.desc,
    required this.imageUrl,
    required this.source,
  });

  factory Tips.fromJson(Map<String, dynamic> json) {
    return Tips(
      source: json['source'],
      desc: json['desc'],
      title: json['title'],
      imageUrl: json['imageUrl']
    );
  }
}

和我的主页

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:http/http.dart';
import 'package:medreminder/TipsAndTricks/models/tips_model.dart';
import 'package:medreminder/TipsAndTricks/screens/tips_details.dart';
import 'package:medreminder/TipsAndTricks/tips_repo.dart';

class TipsList extends StatefulWidget {
  const TipsList({super.key});

  @override
  State<TipsList> createState() => _TipsListState();
}

class _TipsListState extends State<TipsList> {
  List<Tips> listTips = [];
  Repo repo = Repo();

  getData() async {
    listTips = await repo.getData();
  }

  @override
  void initState() {
    getData();
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Get.isDarkMode?Colors.grey[600]:Colors.white,
        leading: IconButton(
          onPressed: ()=>Get.back(),
          icon: Icon(Icons.arrow_back_ios,
          color: Get.isDarkMode?Colors.white:Colors.grey
          ),
        ),
        title:  Text("Healthy Tips & Tricks", style: TextStyle(
          color: Get.isDarkMode?Colors.white:Colors.black
        ),),
      ),
      body: ListView.builder(
        itemCount: listTips.length, 
        itemBuilder: (context, index){
          Tips tips = listTips[index];
          return Card(
            child: ListTile(
              title: Text(listTips[index].title),
              subtitle: Text(listTips[index].source),
              leading: Image.network(listTips[index].imageUrl),
              trailing: Icon(Icons.arrow_forward_ios),
              onTap: (){
                Navigator.push(context, MaterialPageRoute(builder: (context) => TipsDetails(listTips[index])));
              },
            ),
          );
      })
    );
  }
}

如果有人知道如何解决这个问题，请帮忙。 这对我来说意义重大。 感谢你们

Answer 1

您的 API 呼叫的响应是 json object，而不是 json 数组（从我在您的屏幕截图中看到的）。 所以 jsonDecode 创建 Map<String, dynamic> （实际上是 _InternalLinkedHashMap）。 您正在将其分配给Iterable it ，并且 Iterable 不是 Map 的子类型。

相反，您应该访问 json 的“提示”字段，它是数组：

Map<String, dynamic> apiRespose = jsonDecode(response.body);
Iterable<dynamic> it = apiRespose['tips'];
...