时间戳

首页 > 解决方案 > 输入'列表' 不是类型 'List 的子类型'

flutter - 输入'列表' 不是类型 'List 的子类型'

问题描述

我使用 dio 和 getx 来获取待办事项数据列表，但我看到了这条消息

type 'List<dynamic>' is not a subtype of type 'List<Todo>'

当我到达这条线时

列出 responseBode = rsp.data['data'];

这行发生了什么以及如何解决它，谢谢

服务类更新为转换为列表，但仍然是同样的问题

1- 控制器的第一个类 2- 服务类的第二个

class TodoListController extends GetxController {
  //var lstTask = List<dynamic>.empty(growable: true).obs;
  var items = List<Todo>.empty(growable: true).obs;

  var page = 1.obs;
  var totalRows = 10.obs;
  var isDataProcessing = false.obs;
  var isMoreDataAvailable = true.obs;
  var isSearching = false.obs;
  var isLoading = false.obs;
  var isCompleted = true.obs;

  var errorMsg = ''.obs ;
  var http = new HttpUtils();

  // For Pagination
  ScrollController scrollController = ScrollController();

  @override
  onInit() {
    super.onInit();
    // Fetch Data
    getTodo(page);

  }

  // Fetch Data
   getTodo(var page) {
    try {
      isMoreDataAvailable(false);
      isDataProcessing(true);
      AppServices().getTodo(page).then((resp) {
        isDataProcessing(false);
        resp.forEach(( dynamic json) {
          items.add(Todo.fromJson(json));
        });
        print(resp);
        //items.addAll(resp);
      }, onError: (err) {
        isDataProcessing(false);
        AppServices().showSnackBar("Error", err.toString(), Colors.red);
      });
    } catch (exception) {
      isDataProcessing(false);
      AppServices().showSnackBar("Exception", exception.toString(), Colors.red);
    }
  }

  // Get More data
   getMoreTodo(var page) {
    try {
        AppServices().getTodo(page).then((resp) {
        if (resp.length > 0) {
          isMoreDataAvailable(true);
        } else {
          isMoreDataAvailable(false);
          AppServices().showSnackBar("Message", "No more items", Colors.lightBlueAccent);
        }
        items.addAll(resp);
      }, onError: (err) {
        isMoreDataAvailable(false);
        AppServices().showSnackBar("Error", err.toString(), Colors.red);
      });
    } catch (exception) {
      isMoreDataAvailable(false);
      AppServices().showSnackBar("Exception", exception.toString(), Colors.red);
    }
  }
}

类 AppServices 扩展 GetConnect { var http = new HttpUtils();

          // Fetch Data
  Future<List<Todo>> getTodo(var id) async {
    try {
      Response rsp =  await http.get(AppUrl.get_todo, {'current_page': id});
      print(rsp.data['data']);
      if (rsp.data["response_status"] != '400') {
        List<Todo> responseBode = rsp.data['data'].map ((todo) => Todo.fromJson(todo)).toList();
        return responseBode;
      } else {
        return rsp.data["response_message"] ;
      }
    }catch(exception)
    {
      return Future.error(exception.toString());
    }
  }
}

标签： flutterdartdioflutter-getx

解决方案

这可能可以通过简单的类型转换来解决。我注意到你正在使用Diowith GetConnect。这本身没什么问题，但我无法想象你为什么需要两者。

由于您已经在 GetX 世界中，因此仅使用 GetConnect 即可。这就是我可以测试的方式，因为我不确定HttpUtils来自哪里。

class AppServices extends GetConnect {
  // var http = new HttpUtils();

  // Fetch Data
  Future<List<Todo>> getTodo(var id) async {
    try {
      Response rsp = await httpClient.get(AppUrl.get_todo, {'current_page': id});
      print(rsp.body['data']);
      if (rsp.statusCode != 400) {
        List<Todo> responseBode = rsp.body['data'] as List<Todo>; // casting type here
        return responseBode;
      } else {
        return rsp.body["response_message"];
      }
    } catch (exception) {
      return Future.error(exception.toString());
    }
  }
}

如果这不起作用

List<Todo> responseBode = rsp.body['data'] as List<Todo>; // casting type here

然后你也可以使用 returnFuture<List>代替。

那么这会将上一行变成这个

List responseBode = rsp.body['data'];

GetConnect为您处理 json 解码，因此在使用它时，您无需手动执行任何 json 工作。

编辑：要在评论中回答您关于在标题中添加身份验证的问题GetConnect：

你可以做这样的事情。

final url = 'http://...'
 void _setUrl() {
    httpClient.baseUrl = url;
    httpClient.addRequestModifier((request) {
      request.headers['apikey'] = yourApiKey;
      return request;
    });
  }

之后你可以打电话

final response = await httpClient.get(url);

您的密钥将在 url 中。

然后它会返回一个常规地图，你就可以开始了。

推荐阅读