2024Flutter岗位面试题总结

StatelessWidget和StatefulWidget的区别是什么？

StatelessWidget是一个不可变的类，充当UI布局中某些部分的蓝图，当某个组件在显示期间不需要改变，或者说没有状态（State），你可以使用它。

StatefulWidget也是不可变的，但是它和一个State对象关联在一起，该对象允许你每次通过调用setState()时，使用新值重建这个widget，当UI可以动态改变时使用StatefulWidget。

WidgetsApp和MaterialApp的区别什么?

WidgetsApp提供了基础的导航能力，和widgets库一起，它包含了很多Flutter使用的基础widget。

MaterialApp和与之相应的的material库，是在WidgetsApp和与之相应的widgets库之上构建的一层，它遵循了Material设计风格，可以再任何平台或者设备上为应用程序提供统一的外观，material库提供了更多的Widget。

在你的项目中，你并不一定要使用MaterialApp，也可以使用CupertinoApp来构建iOS风格的应用程序，这可以使iOS用户感觉更亲切，甚至你也可以自己定义一些widget。

可以嵌套使用Scaffold吗，为什么或者为什么不？

当然可以，你绝对可以嵌套使用Scaffold，这体现Flutter的美，你可以控制整个UI。

Scaffold也是个widget，因此你可以把它放在任何widget可以放置的地方。通过嵌套Scaffold，你可以对抽屉(drawers)、卡片(snack bars)、底页(bottom sheets)进行分层。

什么时候适合使用packages、plugins或者三方库？

packages和plugins可以极大的节约你的时间，当别人已经解决了一个复杂问题时，你没必要再解决一遍，尤其是该解决方案已经获得了很好的评价时。

另一方面，过度依赖三方库也可能有一些风险，他们可能编译不过、有bug或者被丢弃，当你需要切换到新的package或者plugin，可能会对代码做巨大的更改。

这就是为什么需要将业务逻辑和三方库隔离开的原因，你可以通过创建一个Dart的抽象类，来充当package或者plugin的接口。一旦你设置完这种结构后，再遇到需要切换package或者plugin情况，你所要做的就只是重写接口层的具体实现了。

什么是event loop，它和isolate的关系是什么？

Dart是早期遵循社交距离的采用者，Dart代码运行在一个独立的被称之为isolate的线程上，相互隔离的的isolate不会一起出去玩，最多也就是互相发信息。用计算机术语来说就是，isolate之间不共享内存，它们之间的通信仅通过端口(port)进行。

每一个isolate都有一个event loop，用于管理异步任务的运行，这些任务可能来自于两个队列之中：microtask queue，或者event queue。

Microtasks任务总是优先运行，它们主要是内核任务，开发者不必关心。调用Future时将会把任务放置到event queue中。

很多新手Dart开发者，认为async方法运行在一个单独的线中，尽管对于系统处理的I/O操作这样说可能是正确的，但是它并不适用于你所写的代码，这就是为什么假如你有一个计算量很大的任务，你需要将它运行在一个单独的isolate之中。

当state发生改变时，你将重新构建widget，这种正常且理想的状态，因为它允许用户查看反映在UI中的状态更改。但是重新构建那些不需要改变的UI是性能浪费的。

你可以采取以下措施来减少不必要的Widget重建。

首先要做的就是将大的Widget树重构成较小的单个的Widget，每一个Widget都有它自己的build方法。
尽可能的使用const构造函数，这将告知Flutter不需要重建这个widget。
使stateful widget的子树尽可能的小，如果stateful widget有一个widget子树，那么为这个stateful widget创建一个自定义widget，并为其提供一个child参数。

什么是BuildContext，它有什么用？

BuildContext实际上是在Element树中的Widget的元素，因此每个Widget都有其自己的BuildContext。

你通常使用BuildContext来获取主题(theme)或者另一个Widget的引用，例如：假如你想要展示一个material dialog，那么你需要获取scaffold的引用，可以通过Scaffold.of(context)来得到它，其中context就是上下文信息，通过of()来往上搜索树，直到找到最近的Scaffold。

阅读didierboelens.com网站的文章Widget --- State --- Context --- Inherited Widget 不仅可以了解到BuildContext，也可以了解到stateful widget的生命周期和inherited widget。

此外，我们的文章Flutter Text Rendering将会带你窥探Flutter底层源码，通过这篇文章，你会了解到build context、elements甚至render对象。