Flutter之FutureBuilder组件的使用

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

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Future<List> requestGet() async {
    final response = await http.get('https://kyfw.12306.cn/otn/queryDishonest/query');
    Utf8Decoder utf8decoder = Utf8Decoder();
    var result = await json.decode(utf8decoder.convert(response.bodyBytes));
    return result['data']['right'];
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner:false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('12306失信名单'),
        ),
        body: FutureBuilder<List>(
          future: requestGet(),
          // ignore: missing_return
          builder: (BuildContext context, AsyncSnapshot<List> snapshot) {
            switch (snapshot.connectionState) {
              case ConnectionState.none:
                return new Text('Input a URL to start');
              case ConnectionState.waiting:
                return new Center(child: new CircularProgressIndicator());
              case ConnectionState.active:
                return new Text('');
              case ConnectionState.done:
                if (snapshot.hasError) {
                  return new Text(
                    '${snapshot.error}',
                    style: TextStyle(color: Colors.red),
                  );
                } else
                  return ListView(
                   children: getData(snapshot.data),
                  );
            }
          },
        ),
      ),
    );
  }
}

List<Widget> getData(List list){
  var listData = list.map((value){
    return ListTile(
      title: Text(value['passenger_id_no']),
      trailing: Text(value['passenger_name']),
      leading: Text(value['start_date']),
    );
  });
  return listData.toList();
 }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值