flutter知识总结

1、Flutter中的生命周期：

• initState()：Widget 初始化当前 State，在当前方法中是不能获取到 Context 的，如想获取，可以试试 Future.delayed()
• didChangeDependencies()：在 initState() 后调用，State对象依赖关系发生变化的时候也会调用。
• deactivate()：当 State 被暂时从视图树中移除时会调用这个方法，页面切换时也会调用该方法，和Android里的 onPause 差不多。
• dispose()：Widget 销毁时调用。
• didUpdateWidget：Widget 状态发生变化的时候调用。

image.png

2、Dart是不是单线程模型？是如何运行的？
简单来说，Dart 在单线程中是以消息循环机制来运行的，包含两个任务队列，一个是“微任务队列” MicroTask Queue，另一个叫做“事件队列” Event Queue。
当Flutter应用启动后，消息循环机制便启动了。首先会按照先进先出的顺序逐个执行微任务队列中的任务，当所有微任务队列执行完后便开始执行事件队列中的任务，事件任务执行完毕后再去执行微任务，如此循环往复，生生不息。
在 Dart 每一个 isolate 当中，执行优先级为 ： Main > MicroTask > EventQueue

3、Dart 是如何实现多任务并行的？
在Dart中，一个Isolate对象其实就是一个isolate执行环境的引用，一般来说我们都是通过当前的isolate去控制其他的isolate完成彼此之间的交互，而当我们想要创建一个新的Isolate可以使用Isolate.spawn方法获取返回的一个新的isolate对象，两个isolate之间使用SendPort相互发送消息，而isolate中也存在了一个与之对应的ReceivePort接受消息用来处理，但是我们需要注意的是，ReceivePort和SendPort在每个isolate都有一对，只有同一个isolate中的ReceivePort才能接受到当前类的SendPort发送的消息并且处理。

4、Future、async 和 await
Future 是异步编程的解决方案，Future 是基于观察者模式的，它有 3 种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）可以用 then 方法指定成功状态的回调函数 then 方法还可以接受一个可选命名参数，参数的名称是 onError，即失败状态的回调函数 Future 实例的函数中抛出了异常，被 onError 回调函数捕获到，并且可以看出 then 方法返回的还是一个 Future 对象，所以其实我们还可以利用 Future 对象的 cathError 进行链式调用从而捕获异常
在Dart1.9中加入了async和await关键字，有了这两个关键字，我们可以更简洁的编写异步代码，而不需要调用Future相关的API
将 async 关键字作为方法声明的后缀时，具有如下意义

• 被修饰的方法会将一个 Future 对象作为返回值
• 该方法会同步执行其中的方法的代码直到第一个 await 关键字，然后它暂停该方法其他部分的执行；
• 一旦由 await 关键字引用的 Future 任务执行完成，await的下一行代码将立即执行。
  async 不是并行执行，它是遵循Dart 事件循环规则来执行的，它仅仅是一个语法糖，简化Future API的使用。

5、Dart异步编程中的 Stream数据流？
在Dart中，Stream 和 Future 一样，都是用来处理异步编程的工具。它们的区别在于，Stream 可以接收多个异步结果，而Future 只有一个。
Stream 的创建可以使用 Stream.fromFuture，也可以使用 StreamController 来创建和控制。还有一个注意点是：普通的 Stream 只可以有一个订阅者，如果想要多订阅的话，要使用 asBroadcastStream()。

6、Flutter如何与Android、iOS通信？

Flutter 通过 PlatformChannel 与原生进行交互，其中 PlatformChannel 分为三种：
BasicMessageChannel ：用于传递字符串和半结构化的信息。
MethodChannel ：用于传递方法调用（method invocation）。
EventChannel : 用于数据流（event streams）的通信。
同时 Platform Channel 并非是线程安全的 ，更多详细可查阅闲鱼技术的 《深入理解Flutter Platform Channel》

7、Flutter中嵌套原生View的方法？

你的类 extends PlatformView
你的类 extends PlatformViewFactory
之后再通过registerViewFactory注册你的View，并设置一个ID。
我们在Flutter端，创建一个AndroidView，并通过上面的ID就可以获取到我们创建的androidView，并使用。

8、Widgets、RenderObjects 和 Elements的关系

首先看一下这几个对象的含义及作用。

• Widget ：仅用于存储渲染所需要的信息。
• RenderObject ：负责管理布局、绘制等操作。
• Element ：才是这颗巨大的控件树上的实体。
  Widget会被inflate（填充）到Element，并由Element管理底层渲染树。Widget并不会直接管理状态及渲染,而是通过State这个对象来管理状态。Flutter创建Element的可见树，相对于Widget来说，是可变的，通常界面开发中，我们不用直接操作Element,而是由框架层实现内部逻辑。就如一个UI视图树中，可能包含有多个TextWidget(Widget被使用多次)，但是放在内部视图树的视角，这些TextWidget都是填充到一个个独立的Element中。Element会持有renderObject和widget的实例。记住，Widget 只是一个配置，RenderObject 负责管理布局、绘制等操作。在第一次创建 Widget 的时候，会对应创建一个 Element， 然后将该元素插入树中。如果之后 Widget 发生了变化，则将其与旧的 Widget 进行比较，并且相应地更新 Element。重要的是，Element 不会被重建，只是更新而已。

9、什么是Key？什么时候需要Key？Key的种类有哪些？

key的作用是：控制weidget树上的widget是否被替换（刷新）

• 当你想要跨widget树保留状态时 , 应该使用key.
• 当修改相同类型的widget集合时, 要将key放在要保留的widget的树的顶部.
• 并且要根据widget中存储的数据类型选择对应的key.

KEY的分类

• LocalKey 在具有相同父元素的Elements中，键必须唯一。
• GlobalKey 在整个APP中唯一的键
  GlobalKey有两种用途,它允许widget在App的任何位置更改父级而不会丢失状态,或者可以使用它们在Widget Tree完全不同的部分中访问有关另一个widget的信息.
  比如要在两个不同的屏幕显示相同的widget,并保持所有相同的状态, 此时可以使用GlobalKey.
  而LocalKey又有以下几个子类:
• ValueKey 使用特定类型的值标识自己的键。
• ObjectKey 从对象中获取其标识的键用作其值。
• UniqueKey 仅等于自身的Key。
• PageStorageKey ValueKey的子类, 它定义了PageStorage值的保存位置。
  PageStorageKey是用来存储用户滚动位置的专用key,因此APP可以保留它以供后面使用.
  我们要注意3点:
  1.在具有相同父元素的Elements中，键必须唯一。相比之下，GlobalKeys在整个应用程序中必须唯一。
  2.Key的子类应该是LocalKey或GlobalKey的子类.
  3.GlobalKey更为昂贵,因此如果没有必要,请使用ValueKey, ObjectKey, 或者 UniqueKey.

10、什么是状态管理，你了解哪些状态管理框架？

首先状态其实是一个概念上的东西，区分全局状态和局部状态。
局部状态比如说一个控件中输入的信息，全局状态比如是登陆后从后台请求回来的 userId。
当全局状态越来越多，多个页面共享一个状态时，我们就需要管理它。
常用的状态管理有BLoC、Provider

11、Flutter中的动画

Animation

在Flutter中，实现动画的核心类是Animation，Widget可以直接将这些动画合并到自己的build方法中来读取他们当前值或者监听它们的状态变化。

• addListener方法
  当动画的状态发生变化时，会通知所有监听器，通常，一个正在监听动画的state对象会调用自身的setState方法，将自身传入这些监听器的回调函数来通知 widget 系统需要根据新状态值进行重新构建。
• addStatusListener
  通常情况下，动画会从 dismissed 状态开始，表示它处于变化区间的开始点。动画进行的下一状态可能是 forward（比如从 0.0 到 1.0）或者 reverse（比如从 1.0 到 0.0）。最终，如果动画到达其区间的结束点（比如 1.0），则动画会变成 completed 状态。
  AnimationController

Animation是一个抽象类，并不能用来直接创建对象实现动画的使用。
AnimationController是Animation的一个子类，实现动画通常我们需要创建AnimationController对象。
AnimationController会生成一系列的值，默认情况下值是0.0到1.0区间的值，除了上面的监听，获取动画的状态、值之外，AnimationController还提供了对动画的控制：

• forward：向前执行动画
• reverse：方向播放动画
• stop：停止动画
  AnimationController有一个必传的参数vsync，这里是为了监听vsync信号，当Flutter开发的应用程序不再接受同步信号时（比如锁屏或退到后台），那么继续执行动画会消耗性能。
  CurvedAnimation

CurvedAnimation也是Animation的一个实现类，它的目的是为了给AnimationController增加动画曲线：
Tween

默认情况下，AnimationController动画生成的值所在区间是0.0到1.0，如果希望使用这个以外的值，或者其他的数据类型，就需要使用Tween。
class Tween<T extends dynamic> extends Animatable<T> {
Tween({ this.begin, this.end });
}
3
6
9
Tween也有一些子类，比如ColorTween、BorderTween，可以针对动画或者边框来设置动画的值。
要使用Tween对象，需要调用Tween的animate()方法，传入一个Animation对象。
AnimatedWidget

12、mixin机制？

mixin 是Dart 2.1 加入的特性，以前版本通常使用abstract class代替。简单来说，mixin是为了解决继承方面的问题而引入的机制，Dart为了支持多重继承，引入了mixin关键字，它最大的特殊处在于：mixin定义的类不能有构造方法，这样可以避免继承多个类而产生的父类构造方法冲突。mixins的对象是类，mixins绝不是继承，也不是接口，而是一种全新的特性，可以mixins多个类，mixins的使用需要满足一定条件。

13、说一下Widget、State、Context 概念

• Widget：在Flutter中，几乎所有东西都是Widget。将一个Widget想象为一个可视化的组件（或与应用可视化方面交互的组件），当你需要构建与布局直接或间接相关的任何内容时，你正在使用Widget。Widget树：Widget以树结构进行组织。包含其他Widget的widget被称为父Widget(或widget容器)。包含在父widget中的widget被称为子Widget。
• Context：仅仅是已创建的所有Widget树结构中的某个Widget的位置引用。简而言之，将context作为widget树的一部分，其中context所对应的widget被添加到此树中。一个context只从属于一个widget，它和widget一样是链接在一起的，并且会形成一个context树。
• State：定义了StatefulWidget实例的行为，它包含了用于”交互/干预“Widget信息的行为和布局。应用于State的任何更改都会强制重建Widget。

14、描述Flutter的核心渲染模块三棵树

WidgetTree:存放渲染内容、它只是一个配置数据结构，创建是非常轻量的，在页面刷新的过程中随时会重建
Element 是分离 WidgetTree 和真正的渲染对象的中间层， WidgetTree 用来描述对应的Element 属性,同时持有Widget和RenderObject，存放上下文信息，通过它来遍历视图树，支撑UI结构。
RenderObject (渲染树)用于应用界面的布局和绘制，负责真正的渲染，保存了元素的大小，布局等信息，实例化一个 RenderObject 是非常耗能的
当应用启动时 Flutter 会遍历并创建所有的 Widget 形成 Widget Tree，通过调用 Widget 上的 createElement() 方法创建每个 Element 对象，形成 Element Tree。最后调用 Element 的 createRenderObject() 方法创建每个渲染对象，形成一个 Render Tree。

15、Dart是值传递还是引用传递？

dart是值传递。
每次调用函数，传递过去的都是对象的内存地址，而不是这个对象的复制。

16、mixin extends implement 之间的关系?

继承（关键字 extends）、混入 mixins （关键字 with）、接口实现（关键字 implements）。
这三者可以同时存在，前后顺序是extends -> mixins -> implements。
Flutter中的继承是单继承，子类重写超类的方法要用@Override，子类调用超类的方法要用super。
在Flutter中，Mixins是一种在多个类层次结构中复用类代码的方法。mixins的对象是类，mixins绝不是继承，也不是接口，而是一种全新的特性，可以mixins多个类，mixins的使用需要满足一定条件。
使用mixins的条件：
mixins类只能继承自object
mixins类不能有构造函数
一个类可以mixins多个mixins类
可以mixins多个类，不破坏Flutter的单继承

17、简述Dart语音特性

在Dart中，一切都是对象，所有的对象都是继承自Object
Dart是强类型语言，但可以用var或 dynamic来声明一个变量，Dart会自动推断其数据类型,dynamic类似c#
没有赋初值的变量都会有默认值null
Dart支持顶层方法，如main方法，可以在方法内部创建方法
Dart支持顶层变量，也支持类变量或对象变量
Dart没有public protected private等关键字，如果某个变量以下划线（_）开头，代表这个变量在库中是私有的

18、Stream 与 Future是什么关系？

1、Future 表示稍后获得的一个数据，所有异步的操作的返回值都用 Future 来表示。
2、Future 只能表示一次异步获得的数据。
3、Stream 表示多次异步获得的数据。比如界面上的按钮可能会被用户点击多次，按钮上的点击事件（onClick）就是一个 Stream 。
4、Future将返回一个值，而Stream将返回多次值。
5、Dart 中统一使用 Stream 处理异步事件流。

19、Flutter中的Widget、State、Context 的核心概念？是为了解决什么问题？

主要是为了解决多个部件之间的交互和部件自身状态的维护。
1、Widget: 在Flutter中，几乎所有东西都是Widget。将一个Widget想象为一个可视化的组件（或与应用可视化方面交互的组件），当你需要构建与布局直接或间接相关的任何内容时，你正在使用Widget。
2、Widget树: Widget以树结构进行组织。包含其他Widget的widget被称为父Widget(或widget容器)。包含在父widget中的widget被称为子Widget。
3、Context: 仅仅是已创建的所有Widget树结构中的某个Widget的位置引用。简而言之，将context作为widget树的一部分，其中context所对应的widget被添加到此树中。一个context只从属于一个widget，它和widget一样是链接在一起的，并且会形成一个context树。
4、State: 定义了StatefulWidget实例的行为，它包含了用于”交互/干预“Widget信息的行为和布局。应用于State的任何更改都会强制重建Widget。

20、Flutter 是如何与原生Android、iOS进行通信的？

Flutter 通过 PlatformChannel 与原生进行交互，其中 PlatformChannel 分为三种：
BasicMessageChannel ：用于传递字符串和半结构化的信息。
MethodChannel ：用于传递方法调用（method invocation）。
EventChannel : 用于数据流（event streams）的通信。

21、GlobalKey
GlobalKey是全局唯一的键，一般而言，GlobalKey有如下几种用途：

• 获取配置、状态以及组件Element
  • _globalKey.currentWidget：获取当前组件的配置信息（存在widget树中）
  • _globalKey.currentState：获取当前组件的状态信息（存在Element树中）
  • _globalKey.currentContext：获取当前组件的Element
• 实现组件的局部刷新
  将需要单独刷新的widget从复杂的布局中抽离出去，然后通过传GlobalKey引用，这样就可以通过GlobalKey实现跨组件的刷新了。

key的作用是：控制Element树上的Element是否被复用