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包中

相关推荐
IT_陈寒1 分钟前
React性能优化:这5个Hook技巧让我的组件渲染效率提升50%(附代码对比)
前端·人工智能·后端
智能化咨询17 分钟前
【Linux】【实战向】Linux 进程替换避坑指南:从理解 bash 阻塞等待,到亲手实现能执行 ls/cd 的 Shell
前端·chrome
Anson Jiang20 分钟前
浏览器标签页管理:使用chrome.tabs API实现新建、切换、抓取内容——Chrome插件开发从入门到精通系列教程06
开发语言·前端·javascript·chrome·ecmascript·chrome devtools·chrome插件
掘金安东尼23 分钟前
黑客劫持:周下载量超20+亿的NPM包被攻击
前端·javascript·面试
剑亦未配妥1 小时前
移动端触摸事件与鼠标事件的触发机制详解
前端·javascript
人工智能训练师7 小时前
Ubuntu22.04如何安装新版本的Node.js和npm
linux·运维·前端·人工智能·ubuntu·npm·node.js
Seveny077 小时前
pnpm相对于npm,yarn的优势
前端·npm·node.js
yddddddy8 小时前
css的基本知识
前端·css
昔人'8 小时前
css `lh`单位
前端·css
前端君9 小时前
实现最大异步并发执行队列
javascript