Flutter 网络请求框架dio使用分析

Flutter 网络请求框架dio使用分析

import 'dart:ffi';

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'dart:convert';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'hello',
      home: Scaffold(
        appBar: AppBar(
          title: Text("网络请求dio "),
        ),
        body: HomePage(),
      ),
    );
  }
}

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

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State {
  String result = '发起请求';
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Row(
        children: [
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              FlatButton(
                color: Colors.pink,
                onPressed: () {
                  getHttp();
                },
                child: Text('ffhfh'),
              ),
              SizedBox(
                height: 50,
              ),
              Expanded(child: Text('请求的数据$result')),
              Text('$result.id')
            ],
          ),
        ],
      ),
    );
  }

  void getHttp() async {
    try {
      Response response = await Dio().get("http://10.0.2.2:3000/user");
      print(response);
      var data = response.data;

      List list = json.decode(data);

      List datas = list.map((b) => Bean.fromJson(b)).toList();
      print('data ....lenght ${datas.length}');
      setState(() {
        result = data.toString();
      });
    } catch (e) {
      print('diso ............' + e.toString());
    }
  }
}

AppBar

text

Container

img

Flexidble

Button

圆角图片 圆角头像

ListView.build