美团-魏国梁-Flutter 构建 CSS 布局实践.pdf

1、主办： Flutter 构建 CSS 布局实践 魏国梁 美团 iOS 工程师 主办： 魏国梁 TITLE “ 18 年初加美团负责美团相关业务开发以及部分 RN 的落地 作 19 年初加技术组，负责 Flutter 在程序渲染层的落地实践 ” 请插 您的照 讲师简介 主办： 目录 架构设计及整体流程 Flutter 构建渲染层 总结 背景 主办： 背景 小程序流程 XML CSS Native Data JS setData WebView 渲染层JS 逻辑层 小程序框架 源码编译后压缩包 主办： 背景 小程序经常得到的吐槽： 白屏 老旧机型性能无法 得到保障 crash 难以修复 Andro

2、id 侧同层 渲染不易支持 主办： 背景 想到的解法方案 自研渲染层 使用哪种技术 Native？RN？Flutter？ 做一个渲染层都有哪些工作？ 要彻底替换 WebView？ 主办： 背景 自研渲染层 React Native 与 Flutter 简介 React NativeFlutter JavaScript Dart 渲染式依赖平台原组件 Flutter 带 Skia 渲染引擎，不依赖平台 持动态化 法动态化 态完善 态正在快速完善 主办： 背景 自研渲染层 React Native 与 Flutter 对比 Business (Javascript) AndroidView Can

3、vas Events LocationBluetooth AudioSensors Cameraetc. AndroidYour App UIKit CoreGraphic Events LocationBluetooth AudioSensors Cameraetc. iOS Android UI (Javascript) iOS UI (Javascript) RN RN (Java+JS) Custom UI (Java) RN (OC+JS) Custom UI (OC) React NativeFlutter Business +UI (Dart) Skia Events LocationBluetooth AudioSensors Cameraetc. AndroidYour App Skia Events LocationBluetooth AudioSens