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

相关推荐
Csvn1 小时前
`??` 和 `||` 搞混,线上用户头像全挂了
前端
kyriewen1 小时前
白宫前脚下了限制令,OpenAI 后脚就把 GPT-5.6 发了
前端·gpt·openai
用户40269244819082 小时前
CRMEB Pro 新增后台接口全链路:路由、权限、验证器、返回格式一次讲清
前端·后端
泉城老铁2 小时前
springboot+vue+ ffmpeg 实现视频的拉流播放
前端
PedroQue993 小时前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
xiaok3 小时前
部署之后,本地浏览器还在读取旧缓存导致页面一直显示loading中
前端
用户059540174463 小时前
Redis缓存一致性踩坑实录:线上故障排查6小时,我用pytest+内存快照把它永久关进了笼子
前端·css
星栈3 小时前
我用 Rust + Dioxus 做了个全栈跨平台笔记应用:第一版先把列表和详情跑通
前端·rust·前端框架
用户1733598075373 小时前
Vue 3 SPA 首屏优化:从 3s 到 1.2s 的 5 个实践
前端·vue.js
咖啡无伴侣3 小时前
基础骨架:30 分钟搭好 pnpm workspace,完成双项目 Monorepo 迁入
前端