flutter http 请求客户端-优快云博客

本文详细介绍了如何在Flutter项目中使用HTTP包进行网络请求，包括在pubspec.yaml中添加依赖、安装依赖以及使用dart:async和dart:convert进行数据解析。

2019独角兽企业重金招聘Python工程师标准>>>

1、pubspec文件管理Flutter应用程序的assets(资源，如图片、package等)。在pubspec.yaml中，通过网址“https://pub.dartlang.org/packages/http#-installing-tab-”确认版本号后，将http（0.12.0或更高版本）添加到依赖项列表。

2、在Android Studio的编辑器视图中查看pubspec时，单击右上角的 Packages get，或者在命令行输入“flutter packages get”；这会将依赖包安装到您的项目。

3、运行以下代码

import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

Future<Post> fetchPost() async {
  final response =
      await http.get('https://jsonplaceholder.typicode.com/posts/1');
  final responseJson = json.decode(response.body);

  return new Post.fromJson(responseJson);
}

class Post {
  final int userId;
  final int id;
  final String title;
  final String body;

  Post({this.userId, this.id, this.title, this.body});

  factory Post.fromJson(Map<String, dynamic> json) {
    return new Post(
      userId: json['userId'],
      id: json['id'],
      title: json['title'],
      body: json['body'],
    );
  }
}

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Fetch Data Example',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Fetch Data Example'),
        ),
        body: new Center(
          child: new FutureBuilder<Post>(
            future: fetchPost(),
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return new Text(snapshot.data.title);
              } else if (snapshot.hasError) {
                return new Text("${snapshot.error}");
              }

              // By default, show a loading spinner
              return new CircularProgressIndicator();
            },
          ),
        ),
      ),
    );
  }
}

转载于:https://my.oschina.net/zhizhisoft/blog/2990263