Flutter实现从服务端拿数据并展示列表（一）

GIF.gif

代码链接：https://share.weiyun.com/53Rcd4s

可直接点击查看需要解析的示例：https://www.wanandroid.com/article/list/1/json

如果你不会解析，可以看上篇文章Flutter常用数据解析方法

得到的数据格式如下：

image.png

创建网络请求类

class Http {
  static Future get(String url,) async {
    String _url = Api.BASE_URL + url;
    print('url是$_url');
    http.Response res = await http.get(_url);
    if(res.statusCode == 200) {
      String body = res.body;
      print("body==="+body);
      var jsonStr = json.decode(body);
      var errCode = jsonStr['errorCode'];
      if(errCode == 0) {
        dynamic data = jsonStr['data'];
        return data;
      }else {
        ToastUtils.showToast(jsonStr['errorMsg']);
      }
    }else {
      ToastUtils.showToast("网络有问题");
    }
  }
}

解析第一层，拿到data,errorMsg，errorCoded数据，并将实例中data的数据返回给请求的方法中

这里的dynamic data很重要

数据都在data里面

image.png

然后得到数据可以为所欲为了！！！

需要注意的是，想要更新界面的数据，就要调用setState()方法。