Flutter(二)：实现网络请求、json解析、ListView展示数据

最新推荐文章于 2024-08-08 08:57:11 发布

置顶

假装会写代码

最新推荐文章于 2024-08-08 08:57:11 发布

阅读量2.1w

点赞数

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/qq_16247851/article/details/81210771

版权

这篇博客介绍了如何在Flutter中实现网络请求、JSON解析，并利用ListView展示数据。使用了聚合数据的历史今日接口，通过HttpController封装了get和post请求。在initState中调用getData方法获取数据，解析后的数据存储到Model中，并更新到ListView的_items数组，展示了ListView的布局创建和数据绑定过程。

摘要由CSDN通过智能技术生成

效果图如下，用的接口数据是聚合数据的历史今日的接口

首先看Flutter的网络请求实现，我暂时简单实现了，放在HttpController里，实现代码如下：

import 'package:http/http.dart' as http;

class HttpController {
  static void get(String url, Function callback,
      {Map<String, String> params, Function errorCallback}) async {
    if (params != null && params.isNotEmpty) {
      StringBuffer sb = new StringBuffer("?");
      params.forEach((key, value) {
        sb.write("$key" + "=" + "$value" + "&");
      });
      String paramStr = sb.toString();
      paramStr = paramStr.substring(0, paramStr.length - 1);
      url += paramStr;
    }
    try {
      http.Response res = await http.get(url);
      if (callback != null) {
        callback(res.body);
      }
    } catch (exception) {
      if (errorCallback != null) {
        errorCallback(exception);
      }
    }
  }

  static void post(String url, Function callback,
      {Map<String, String> params, Function errorCallback}) async {
    try {
      http.Response res = await http.post(url, body: params);

      if (callback != null) {
        callback(res.bo