Flutter Api 数据调用

maogu9个月前Flutter143
class BannerItem {
  final String title;
  final String url;
  final String href;
  final int sort;

  BannerItem({this.title, this.url, this.href, this.sort});

  factory BannerItem.fromJson(Map<String, dynamic> json) {
    return BannerItem(
      title: json['title'],
      url: json['url'],
      href: json['href'],
      sort: json['sort'],
    );
  }
}

单个对象

//第一种方法直接使用
var data=response.data['data'][1];
print(data['title']);
//第二种使用类实例化
var data =BannerItem.fromJson(response.data['data'][1]);
print(data.title);

数组对象

第一种方法直接使用 数据变成list 然后map

第一种方法直接使用 数据变成list 然后map

var data =response.data['data'].toList();
print(data.map((f)=>print(f['title'])));
第二种类实例化
var data =response.data['data'].toList();
var BannerList=data.map((banner)=>BannerItem.fromJson(banner)).toList();
print(BannerList.map((f)=>f.title));


相关文章

表单提交

import 'package:flutter/material.dart'; class PersonPage extends Stat...

Flutter provider使用案例

main.dartimport 'package:demo_provider/WeatherInfo.dart'; import 'package:flu...

APP启动引导图

import 'package:flutter/material.dart'; import 'package:intro_views_flutter/M...

世界时间api

void getData() async{  Response response= await get('http://world...

[Flutter]md5加密

dart有内置的md5加密包,先引入头文件: import 'dart:convert'; import 'package:convert/convert.dart'...

Flutter开发环境搭建Mac版

这里我们可能会遇到一个问题,就是提示zsh: command not found: flutter这说明我们上面配置flutter命令没有成功,检测一下路径是否有问题,可以cd到/Users/用户名/...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。