Flutter完整开发实战详解PDF_fluter开发资源-CSDN文库

Flutter

pdf

5星 · 超过95%的资源需积分: 49 53 浏览量 2020-09-29 17:35:34 上传评论 3 收藏 45.97MB PDF 举报

资源推荐

资源详情

资源评论

1.1

1.2

1.3

1.4

1.5

1.6

1.7

1.8

1.9

1.10

1.11

1.12

1.13

1.14

1.15

1.16

1.16.1

1.16.2

TableofContents

前⾔

⼀、Dart语⾔和Flutter基础

⼆、快速开发实战篇

三、打包与填坑篇

四、Redux、主题、国际化

五、深⼊探索

六、深⼊Widget原理

七、深⼊布局原理

⼋、实⽤技巧与填坑

九、深⼊绘制原理

⼗、深⼊图⽚加载流程

⼗⼀、全⾯深⼊理解Stream

⼗⼆、全⾯深⼊理解状态管理设计

⼗三、全⾯深⼊触摸和滑动原理

⼗四、混合开发打包Android篇

番外

Flutter⾯试知识点集锦

Flutter开发实战与前景展望-RTCDevMeetup

前⾔

在如今的Fultter⼤潮下，本系列是让你看完会安⼼的⽂章。

本系列将完整讲述：如何快速从0开发⼀个完整的FlutterAPP，配套⾼完成度Flutter开源项⽬

GSYGithubAppFlutter，同时也会提供⼀些Flutter的开发细节技巧，并针对开发过程中可能遇到的问题

进⾏填坑，之后深⼊源码和实战为你全⾯解析Flutter。

笔者相继开发过Flutter、ReactNative、Weex等主流跨平台框架项⽬，其中Flutter的跨平台兼

容性⽆疑最好。前期开发调试完全在Android端进⾏的情况下，第⼀次在IOS平台运⾏居然没有

任何错误，并且还没出现UI兼容问题，相信对于经历过跨平台开发的猿们⽽⾔，这是多么的不可

思议画⾯。并且Fluuter的HotLoad相⽐较其他两个平台，也是丝滑的让⼈⽆法相信。吹爆了！

这些特点其实这得益于FlutterEngine和Skia，如果有兴趣的可以看看笔者之前的《移动端跨平

台开发的深度解析》。

好了，感慨那么多，让我们进⼊正题吧。

⼀、基础篇

本篇主要涉及：环境搭建、Dart语⾔、Flutter的基础。

1、环境搭建

Flutter的环境搭建⼗分省⼼，特别对应Android开发者⽽⾔，只是在AndroidStuido上安装插件，并

下载flutterSdk到本地，配置在环境变量即可，其实中⽂⽹的搭建Futter开发环境已经很贴⼼详细，从

平台指引开始安装基本都不会遇到问题。

这⾥主要是需要注意，因为某些不可抗⼒的原因，国内的⽤户有时候需要配置Flutter的代理，并且国

内⽤户在搜索Flutter第三⽅包时，也是在https://pub.flutter-io.cn内查找，下⽅是需要配置到环境变

量的地址。（psAndroidStudio下运⾏IOS也是蛮有意思的(◐‿◑)）

///win直接配置到环境编辑即可，mac配置到bash_profile

exportPUB_HOSTED_URL=https://pub.flutter-io.cn//国内⽤户需要设置

exportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn//国内⽤户需要设置

2、Dart语⾔下的Flutter

在跨平台开领域被JS⼀统天下的今天，Dart语⾔的出现⽆疑是⼀股清流。作为后来者，Dart语⾔有着

不少Java、kotlin和JS的影⼦，所以对于Android原⽣开发者、前端开发者⽽⾔⽆疑是⾮常友好的。

官⽅也提供了包括IOS、ReactNative等开发者迁移到Flutter上的⽂档，所以请不要担⼼，Dart语⾔

不会是你掌握Flutter的⻔槛，甚⾄作为开发者，就算你不懂Dart也可以看着代码摸索。

Comeon，下⾯主要通过对⽐，简单讲述下Dart的⼀些特性，主要涉及的是Flutter下使⽤。

⼀、Dart语⾔和Flutter基础

2.1、基本类型

var可以定义变量，如 vartag="666"，这和JS、Kotlin等语⾔类似，同时Dart也算半个

动态类型语⾔，同时⽀持闭包。

Dart属于是强类型语⾔，但可以⽤ var来声明变量，Dart会⾃推导出数据类型，var

实际上是编译期的“语法糖”。dynamic表示动态类型，被编译后，实际是⼀个 object类型，

在编译期间不进⾏任何的类型检查，⽽是在运⾏期进⾏类型检查。

Dart中number类型分为 int和 double，其中java中的long对应的也是Dart中的int类

型。Dart中没有float类型。

Dart下只有bool型可以⽤于if等判断，不同于JS这种使⽤⽅式是不合法的 varg="null";

if(g){}。

DART中，switch⽀持String类型。

2.2、变量

Dart不需要给变量设置 settergetter⽅法，这和kotlin等类似。Dart中所有的基础类型、类

等都继承Object，默认值是NULL，⾃带getter和setter，⽽如果是final或者const的话，那

么它只有⼀个getter⽅法。

Dart中final和const表示常量，⽐如 finalname='GSY';constvalue=1000000;同时

staticconst组合代表了静态常量。其中const的值在编译期确定，final的值要到运⾏时才确

定。（psFlutter在Release下是AOT模式。）

Dart下的数值，在作为字符串使⽤时，是需要显式指定的。⽐如：inti=0;print("aaaa"+

i);这样并不⽀持，需要 print("aaaa"+i.toString());这样使⽤。这和Java与JS存在

差异。所以在使⽤动态类型时，需要注意不要把number类型当做String使⽤。

DART中数组等于列表，所以 varlist=[];和 Listlist=newList()可以简单看做⼀

样。

2.3、⽅法

Dart下 ??、 ??=属于操作符，如: AA??"999"表示如果AA为空，返回999；AA??=

"999"表示如果AA为空，给AA设置成999。

Dart⽅法可以设置参数默认值和指定名称。⽐如： getDetail(StinguserName,reposName,

{branch="master"}){}⽅法，这⾥branch不设置的话，默认是“master”。参数类型可以指

定或者不指定。调⽤效果： getRepositoryDetailDao(“aaa","bbbb",branch:"dev");

Dart不像Java，没有关键词public、private等修饰符，_下横向直接代表private，但是有

@protected注解。

Dart中多构造函数，可以通过如下代码实现的。默认构造⽅法只能有⼀个，⽽通

过Model.empty()⽅法可以创建⼀个空参数的类，其实⽅法名称随你喜欢。⽽变量初始化值

时，只需要通过 this.name在构造⽅法中指定即可：

⼀、Dart语⾔和Flutter基础

3、FlutterWidget

在Flutter中，⼀切的显示都是Widget。Widget是⼀切的基础，作为响应式的渲染，类似MVVM的

实现机制。

我们可以通过修改数据，再⽤setState设置数据，Flutter会⾃动通过绑定的数据更新Widget。所

以你需要做的就是实现Widget界⾯，并且和数据绑定起来。

Widget分为有状态和⽆状态两种，在Flutter中每个⻚⾯都是⼀帧，⽆状态就是保持在那⼀帧，⽽

有状态的Widget当数据更新时，其实是绘制了新的Widget，只是State实现了跨帧的数据同步保

存。

这⾥有个⼩Tip，当代码框⾥输⼊ stl的时候，可以⾃动弹出创建⽆状态控件的模板选项，⽽

输⼊ stf的时，就会弹出创建有状态Widget的模板选项。

代码格式化的时候，括号内外的逗号都会影响格式化时换⾏的位置。

如果觉得默认换⾏的线太短，可以在设置-Editor-CodeStyle-Dart-WrappingandBraces-Hard

wrapat设置你接受的数值。

3.1、⽆状态StatelessWidget

直接进⼊主题，下⽅代码是⽆状态Widget的简单实现。

继承StatelessWidget，通过 build⽅法返回⼀个布局好的控件。可能现在你还对Flutter的内置控

件不熟悉，butDon'tworry,takeiseasy，后⾯我们就会详细介绍。这⾥你只需要知道，⼀个⽆状

态的Widget就是这么简单。

Widget和Widget之间通过 child:进⾏嵌套。其中有的Widget只能有⼀个child，⽐如下⽅的

Container；有的Widget可以多个child，也就是 children:，⽐如`Column布局。下⽅代码便

是ContainerWidget嵌套了TextWidget。

import'package:flutter/material.dart';

classDEMOWidgetextendsStatelessWidget{

finalStringtext;

//数据可以通过构造⽅法传递进来

DEMOWidget(this.text);

@override

Widgetbuild(BuildContextcontext){

//这⾥返回你需要的控件

//这⾥末尾有没有的逗号，对于格式化代码⽽已是不⼀样的。

returnContainer(

//⽩⾊背景

color:Colors.white,

⼀、Dart语⾔和Flutter基础

剩余191页未读，继续阅读

评论收藏

内容反馈

thebestuzi

2023-07-24

最让我喜欢的是，《Flutter完整开发实战详解 PDF》除了讲解基础的Flutter开发知识外，还深入探讨了一些实战中常遇到的问题，并给出了解决方案，真是非常实用！
图像车间

2023-07-24

值得一提的是，《Flutter完整开发实战详解 PDF》并没有过多的废话，每一章节都明确而紧凑地介绍了相关知识点，让人读起来心无旁骛。
莉雯Liwen

2023-07-24

作为一个有点技术基础的开发者，我觉得这本《Flutter完整开发实战详解 PDF》提供了很多实用的示例和案例，让我受益匪浅。
赵伊辰

2023-07-24

我刚开始学Flutter不久，但通过阅读这本PDF，觉得作者真是用心写的，把复杂的概念讲解得简明易懂。
士多霹雳酱

2023-07-24

这本《Flutter完整开发实战详解 PDF》真是难得的好资源，对于想要系统学习Flutter的人来说简直是宝藏啊！