Flutter面试题

1.说说Flutter中的生命周期

  • initState():Widget 初始化当前 State
  • didChangeDependencies() 在 initState() 之后调用,当 State 对象的依赖关系发生变化时,该方法被调用,初始化时也会调用。
  • deactivate() 当 State 被暂时从视图树中移除时,会调用这个方法,同时页面切换时,也会调用。(已经消失在新版本中)
  • dispose() Widget 销毁了,在调用这个方法之前,总会先调用 deactivate()。
  • didUpdateWidge 当 widget 状态发生变化时,会调用。

2.有了解过Flutter的一些状态管理框架吗? 用过哪些状态管理框架?

Provider

Redux

MobX

BLoC

GetX

3.谈谈Flutter中的future、async 和 await

Dart 中可通过 async/await 或者 Future 定义异步操作

Future对象表示异步操作的结果,我们通常通过then()来处理返回的结果

async用于标明函数是一个异步函数,其返回值类型是Future类型

await用来等待耗时操作的返回结果,这个操作会阻塞到后面的代码

4.Dart异步编程中的 Stream数据流? Stream 有哪两种订阅模式? 分别是怎么调用的?

在Dart中,Stream 和 Future 一样,都是用来处理异步编程的工具。Stream可以接收多个异步结果,而Future 只有一个。

Stream有两种订阅模式:单订阅(single) 和多订阅(broadcast)。

Stream 默认处于单订阅模式,通过 transform() 方法(返回另一个 Stream)进行连续调用。通过Stream.asBroadcastStream() 可以将一个单订阅模式的 Stream 转换成一个多订阅模式的

Stream,isBroadcast 属性可以判断当前 Stream 所处的模式。

5.Dart 是如何实现多任务并行的? Dart是单线程还是多线程的?

Flutter的多线程主要依赖Dart的并发编程、异步和事件驱动机制。

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

是单线程

6.Flutter中Widget,Element和RenderObiect之间的关系,

Widget :仅用于存储渲染所需要的信息。

RenderObject :负责管理布局、绘制等操作。

Element是这颗巨大的控件树上的实体。

Widget和Element是一对多的关系,Element和RenderObiect是一对一的关系。

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 不会被重建,只是更新而已。

7.Flutter 是如何与原生Android、iOS进行通信的?

Flutter 通过 PlatformChannel 与原生进行交互,其中 PlatformChannel 分为三种:

BasicMessageChannel :用于传递字符串和半结构化的信息。

MethodChannel :用于传递方法调用(methodinvocation)。

EventChannel : 用于数据流(event streams)的通信。

8.Flutter 中是如何分发使用手势事件的?(不知道正确答案是啥。。。。。)

Flutter的事件分发总体也由手势触发、拦截和响应等几个部分构成。

事件分发到Dart的入口类是GestureBinding类,此类位于gestures/binding.dart文件中,与手势识别相关的都位于gestures包中

相关推荐
一头小鹿8 分钟前
【React Native+Appwrite】获取数据时的分页机制
前端·react native
冴羽16 分钟前
这是一个很酷的金属球,点击它会产生涟漪……
前端·javascript·three.js
烛阴24 分钟前
为什么 `Promise.then` 总比 `setTimeout(..., 0)` 快?微任务的秘密
前端·javascript·typescript
XiaoSong28 分钟前
基于 React Native/Expo 项目的持续集成(CI)最佳实践配置指南
前端·react native·react.js
white-persist34 分钟前
汇编代码详细解释:汇编语言如何转化为对应的C语言,怎么转化为对应的C代码?
java·c语言·前端·网络·汇编·安全·网络安全
张愚歌41 分钟前
轻松打造个性化Leaflet地图标记
前端·javascript
华仔啊44 分钟前
CSS实现高级流光按钮动画,这几行代码堪称神来之笔
前端·css
用户3777967210961 小时前
新值依赖旧值?并发更新的“坑”
javascript
歪歪1001 小时前
详细介绍一下“集中同步+分布式入库”方案的具体实现步骤
开发语言·前端·分布式·后端·信息可视化
程序员老刘1 小时前
Dart 3.7格式化工具“乱改代码”?强迫症必看
flutter·代码规范·dart