音视频专项聊完，进入跨平台专项。高级岗面试跨平台是加分方向——腾讯大量业务在用Flutter和React Native，微信小程序更是自研跨平台方案。
跨平台面试考的不光是"会用"，更考你对各方案底层原理的理解和技术选型判断力。Flutter的渲染管线跟Native有什么本质区别？RN新架构Fabric解决了什么问题？小程序容器的沙箱隔离怎么做的？
今天8道题覆盖跨平台四大方向。
Q1：Flutter的渲染管线原理？跟Native渲染区别？
Flutter不用平台原生控件，自己用Skia引擎（2.0后换Impeller）在GPU上绘制每一帧。
渲染管线：Widget（描述UI）→ Element（Widget实例化后的树）→ RenderObject（布局+绘制）→ Layer（合成层）→ Skia/Impeller渲染到GPU。
跟Native区别：Native用系统控件（View/UIView），渲染走系统的绘制管线。Flutter自绘——所有像素自己控制，所以跨平台一致性好（不依赖系统控件版本差异），但也意味着跟平台风格不完全一致。
追问：Impeller比Skia好在哪？Impeller预编译Shader避免运行时编译卡顿（Skia首次绘制新效果会jank）。Metal/Vulkan后端比Skia的OpenGL性能更好。iOS已默认启用，Android正在推进。
Q2：Flutter的Platform Channel通信原理？
Flutter（Dart）和Native（Kotlin/Swift）之间的通信机制。三种Channel：
MethodChannel：方法调用+返回值。Dart调invokeMethod("getUser")，Native端注册同名handler处理并返回结果。适合一次性请求。
EventChannel：事件流。Native端持续推送数据到Dart（传感器数据、位置更新）。Dart订阅Stream接收。
BasicMessageChannel：自定义消息格式，适合传大数据。
底层原理：Dart和Native各有一个BinaryMessenger，通过platform_message_response_callback传递二进制消息。消息经过编解码（StandardMessageCodec）在两端转换。
Q3：Dart FFI是什么？怎么用？
FFI（Foreign Function Interface）：Dart直接调用C/C++函数，不需要经过Platform Channel。性能比Channel好很多——没有消息编解码开销。
使用流程：
- C/C++代码编译成动态库（.so/.dylib/.dll）
- Dart用DynamicLibrary.open("libnative.so")加载
- lib.lookup<NativeFunction<...>>("function_name")查找函数
- .asFunction<...>()转成Dart函数类型调用
适用场景：调用已有C库（OpenSSL、SQLite、FFmpeg）、性能敏感的算法（图像处理、加密）、复用跨平台C代码。
追问：FFI和Platform Channel怎么选？简单调用用Channel（代码简单），高频/大数据用FFI（性能好）。SQLite操作如果每秒几千次就该用FFI而不是Channel。
Q4：React Native新架构Fabric解决了什么？
老架构问题：JS和Native通过异步Bridge通信，批量消息有延迟。UIManager在主线程布局，复杂列表滚动时JS线程和UI线程争抢导致掉帧。
Fabric新架构：JSI（JavaScript Interface）替代Bridge——JS直接持有C++对象引用，同步调用Native方法不需要序列化。UIManager移到独立线程，布局计算不阻塞主线程。
核心组件：JSI让JS和C++直接互调。TurboModules延迟初始化Native模块（用到才创建，老架构启动时全量加载）。Fabric新渲染器——同步布局+异步渲染。
追问：Fabric性能提升多少？官方数据：启动快20%、列表滚动帧率更稳定、内存减少10-20%。但实际收益取决于App复杂度——简单App差别不大。
Q5：小程序容器的核心原理？沙箱隔离怎么做？
小程序容器架构：逻辑层（JS引擎）+ 渲染层（WebView或自研渲染）。逻辑层跑业务代码，渲染层负责UI显示，两者通过Native桥接通信。
沙箱隔离： JS沙箱：JS代码跑在受限环境——没有DOM/BOM API、不能直接调系统能力、只能用小程序提供的API。微信用JSCore/V8，支付宝用自研JS引擎。
渲染隔离：每个页面一个独立WebView（或自研渲染View），页面间互相不可见。微信的Skyline用自研渲染引擎替代WebView——性能更好、支持更多能力。
安全控制：域名白名单（网络请求只能访问审核过的域名）、包大小限制、代码审核机制。
Q6：Flutter和React Native怎么选？技术决策依据？
Flutter优势：自绘渲染跨平台一致性好、性能更接近Native（Dart AOT编译）、Hot Reload开发效率高。
RN优势：JS生态丰富招人容易、动态更新（JS包热更新不需要发版）、社区三方库多。
选型维度：团队技术栈（JS团队选RN，Kotlin/Swift团队选Flutter）、动态更新需求（RN可热更Flutter要AOT编译，但Flutter也有动态化方案如Fair/Shorebird）、性能要求（高性能场景Flutter更好）。
腾讯的选择：微信用小程序（自研），QQ用Flutter（高一致性需求），部分业务用RN（快速迭代需求）。没有银弹看场景。
Q7：Flutter的状态管理方案？Provider/Riverpod/Bloc？
Provider：官方推荐的入门方案。InheritedWidget的封装，上层提供数据下层通过context.watch()监听变化。简单项目够用。
Riverpod：Provider作者的新作品，解决了Provider的痛点——不依赖BuildContext、编译期安全、支持异步状态。目前是Flutter社区首选。
Bloc：事件驱动架构。Event→Bloc→State。强制分离业务逻辑和UI，适合大型项目团队协作。缺点是模板代码多。
选择：小项目用Riverpod简单直接，大项目团队协作用Bloc结构清晰，老项目维护继续用Provider。
Q8：跨平台方案的动态更新怎么做？
React Native：JS包热更新最成熟。CodePush/Metro把新JS bundle推到客户端，下次启动加载新bundle。不需要App Store审核。
Flutter：Dart AOT编译成机器码，传统热更新不行。方案：Fair（字节开源）把Widget DSL化——UI描述用JSON下发解析渲染，逻辑部分可动态更新。Shorebird（Flutter联合创始人创立）修改Flutter引擎支持patch热更。
小程序：天然支持动态更新——小程序包从服务端下载最新版本，不需要用户手动更新App。
追问：Apple对热更新什么态度？RN的JS热更Apple默认允许（JS不算编译代码）。Flutter的Shorebird修改引擎可能触碰Apple审核红线——目前还在观察期。
面试Tips：跨平台专项考原理+选型判断力。Flutter渲染管线和Platform Channel必考，RN新架构Fabric考JSI/TurboModules改进。小程序容器考沙箱隔离原理。技术选型（Flutter vs RN）要有数据支撑——不是"我觉得Flutter好"而是"基于团队/性能/动态更新需求选Flutter"。有实际跨平台项目经验是最大加分。
下一篇进入微信专项，Matrix框架怎么设计的？微信的数据库优化策略？微信网络库Mars的原理？架构师视角看微信技术栈。
用过Flutter或RN的同学评论区聊聊，你们项目选型的理由是什么？
本系列连载中，关注不迷路，下一篇：腾讯架构师（微信专项）面试真题
系列简介：Android大厂面经连载，覆盖字节跳动、腾讯、阿里、美团等40+企业，从初级到架构师全岗位覆盖。每篇文章包含真实面试题+详细答案+代码示例，帮你拿到大厂Offer。
