Flutter高级进阶实战 仿哔哩哔哩APP学习笔记

Flutter高级进阶实战 仿哔哩哔哩APP学习笔记

近年来各大公司对Flutter技能的要求越来越高,甚至设立了专门岗位,但掌握Flutter高阶技能的人才寥寥无几,市面上干货Flutter高阶课程少之又少,导致Flutter高阶人才缺口大。为此我们专门为大家设计了这门课程,助力你早日成为企业抢手的新一代工程师

课程的亮点:
从原理剖析到性能调优快速吸收Flutter精髓点亮高阶实践技能
从复杂APP业务需求出发遵循行业标准高度匹配大厂Flutter岗位技能需求
高阶人才不能只停留在开发整体架构设计→开发细节→效率工具方法带你完成真正的全盘思考

Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK。Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用。本专栏将不定期更新 Flutter 相关高级学习教程。

Flutter的网络交互
用Flutter进行网络交互有四个步骤:

导入http库
使用http库创建网络请求
将服务器相应转换为一个自定义的Dart对象
将数据展示出来
导入http库
http库是Dart团队开发的方便网络请求的库,我们需要在pubspec.yaml文件中引用它。

dependencies:
  http: <latest_version>

创建网络请求
有了网络请求库之后,接下来就该使用库进行网络请求了。

比如GET请求:


Future<http.Response> fetchPost() {
  return http.get('https://jsonplaceholder.typicode.com/posts/1');
}

POST请求:

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

var url = "http://example.com/whatsit/create";
http.post(url, body: {"name": "doodle", "color": "blue"})
    .then((response) {
  print("Response status: ${response.statusCode}");
  print("Response body: ${response.body}");
});

创建一个Client:

var client = new http.Client();
client.post(
    "http://example.com/whatsit/create",
    body: {"name": "doodle", "color": "blue"})
  .then((response) => client.get(response.bodyFields['uri']))
  .then((response) => print(response.body))
  .whenComplete(client.close);

增加UA:

class UserAgentClient extends http.BaseClient {
  final String userAgent;
  final http.Client _inner;

  UserAgentClient(this.userAgent, this._inner);

  Future<StreamedResponse> send(BaseRequest request) {
    request.headers['user-agent'] = userAgent;
    return _inner.send(request);
  }
}

你可能感兴趣的:(移动端,flutter)