您现在的位置是：首页 > 前端 > 后端 > Flutter Flutter

flutter-26(Dio 求库实现网络请求 get post put delete 以及动态渲染数据)

2020-04-30【Flutter】1002人已围观

简介## 一、Flutter Dio 库 [文档地址：https://pub.dev/packages/dio](https://pub.dev/packages/dio) [geihub Demo 地址：https://pub.dev/packages/dio](https://github.com/flutterchina/dio/blob/master/README-ZH.md) > 例子 ``` import 'dart:convert'; import 'pa

## 一、Flutter Dio 库

[文档地址：https://pub.dev/packages/dio](https://pub.dev/packages/dio)

[geihub Demo 地址：https://pub.dev/packages/dio](https://github.com/flutterchina/dio/blob/master/README-ZH.md)

> 例子

```

import 'dart:convert';

import 'package:flutter/material.dart';

import 'package:dio/dio.dart';

class HttpDemo extends StatefulWidget {
  HttpDemo({Key key}) : super(key: key);

_HttpDemoState createState() => _HttpDemoState();
}

class _HttpDemoState extends State<HttpDemo> {
  
  List _list=[];

@override
  void initState() { 
    super.initState();
    this._getData();
  }

_getData() async{
    var apiUrl="http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1";
    Response result=await Dio().get(apiUrl);

// print(json.decode(result.data)["result"]);
    setState(() {
     this._list=json.decode(result.data)["result"]; 
    });

}

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("请求数据Dio Demo"),
      ),
      body: this._list.length>0?ListView(
        children: this._list.map((value){
          return ListTile(
            title: Text(value["title"]),
          );
        }).toList(),
      ):Text("加载中...")
    );
  }
}
```

关注博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ (0)

上一篇：flutter-25(http get请求数据、post提交数据、以及渲染动态数据)

下一篇：flutter-27(Flutter 新下拉刷新上拉分页加载更多)