Flutter在百度贴吧的落地实践 高飞 百度资深研发工程师 自我介绍 自我介绍 高飞 11年加入百度贴吧，资深研发工程师，百度贴吧客户端技术负责人 2016 2011 2012 2018 H5 客户端（工程） 直播（游戏） Flutter 目录 n 为何引入Flutter n 实践之旅 n 总结 目录 n 为何引入Flutter n 实践之旅 n 总结 n 年轻人兴趣社区 业务框架升级 Ø Android插件化 n 总结 第一步 当 我 跨 出 第 一 步 工程体系接入 n Flutter接入方式 n FlutterBox Flutter接入方式 源码 双端工程 Flutter环境 aar Framework 独立Flutter 仓库 一键命令切换 编译产物 （默认） 百度EasyBox FlutterBox 源码接入 工程pubspec ovprogresshud 自定义控件 Flutter Plugin Native生态成熟 ovprogresshud 公共基础库 Res Res Res Pub 透 明 灵 活 方案1： 代理模式 独立容器 方案2： 定制AAPT 资源分段 查找容器 运行注入 ijkplayer 插件问题与挑战 – AndroidView资源使用 Build#PlatformViewsChannel::create

闲⻥鱼 - 让你的闲置游起来 Flutter & Dart 全栈开发 三端⼀一体化编程的新⽅方式 闲⻥鱼 - 让你的闲置游起来 闲⻥鱼 - 让你的闲置游起来 陈新新 阿⾥里里巴巴 - 闲⻥鱼 • 腾讯、YY、阿⾥里里巴巴 • 20年年程序员 • 多端⼀一体化、⾳音视频通信、P2P⽹网络、区块链 • 多语⾔言 C/C++/Go/Java/Dart…… 闲⻥鱼 - 让你的闲置游起来 闲⻥鱼 - 让你的闲置游起来 + + 闲⻥鱼 - 让你的闲置游起来 Flutter 快速开发 亚秒级，有状态的热重载 原⽣生性能 渲染⽅方式、AOT、⽆无锁GC 统⼀一的应⽤用开发体验 两端⼀一致的开发⽅方式，MD和iOS⻛风格 闲⻥鱼 - 让你的闲置游起来 Flutter 快速开发 - Hot Reload 闲⻥鱼 - 让你的闲置游起来 Flutter在闲⻥鱼应⽤用过程 基础调研 让你的闲置游起来 Flutter两端统⼀一开发，探索进⼀一步提⾼高效率的⽅方法…… 接⼝口协议定义 服务接⼝口实现 ⼀一个⼈人开发三端？ 闲⻥鱼 - 让你的闲置游起来 不不⼀一样的开发和思维⽅方式 部署运维让⼈人觉得很复杂 会增加很多⼯工作量量 客户端写后端服务的疑虑 闲⻥鱼 - 让你的闲置游起来 闲⻥鱼 - 让你的闲置游起来 API⽹网关 客户端 胶⽔水层 领域服务 中间件

基于go和flutter的实时通信/视频直播解决方案 段维伟 湖北捷智云技术有限公司 创始人 目 录 背景 01 技术简介 02 客户端 03 服务端 04 开源社区 05 Q&A 06 背景 第一部分 即将讲述的内容 • WebRTC 实时通讯 • Flutter 跨平台UI 开发框架 • 基于Flutter UI 框架的WebRTC 插件 flutter-webrtc 高质量SIP/VOIP系统 • 视频监控系统 • 机器学习，视觉计算等 如何使用它 01. 副标题 • 在Web中使用JS API • 基于google libwebrtc实现原生客户端开发 (ios/android/c++) • 使用第三方堆栈实现兼容功能（Go） https://github.com/pion/webrtc 一对一视频原理 基本通讯流程 5 RTP/RTCP/媒体流 UDP/TLS/RTP/SAVPF 120 124 98 c=IN IP4 0.0.0.0 a=rtpmap:120 H264/90000 b=AS:1000 a=sendrecv 客户端 第三部分 WebRTC客户端开发 • Web端 标准JS +html 或通过google 官方提供的源码编 译出原生sdk • iOS/macOS 使用WebRTC.framework + Obj-C/Swift

Flutter技术在Now客户端中的应用 个人履历 工作履历：2012硕士毕业加入腾讯公司至今 ，参与手机QQ、 NOW直播、腾讯课堂等产 品的Android客户端。 姓名：王刚 英文：Kirawang 职位：腾讯移动端高级工程师 手机QQ NOW直播 分享目录 uNOW直播与Flutter uNOW直播中Flutter的开发模式 uNOW直播中Flutter的工程实践 u技术思考 Android终端 iOS终端 应用更新 三端统一 •一份Dart代码 •统一三端开发 WEB iOS Android DART 三端统一 • Dart_Native=>Dart_h5 • 支持从Dart语言到JS转换 • 可直接在浏览器中访问 • 转换效率低框架代码过多 WEB iOS Android DART Dart2JS 三端统一 WEB iOS Android DART

2 实践框架 - 手机端 实践框架及页面栈管理 2 实践框架 - 手机端 Flutter Android依赖库 Jar/So Android项目 iOS项目 Flutter iOS依赖库 Framework 实践框架及页面栈管理 2 实践框架 - 手机端 Native项目 Flutter 依赖库 实践框架及页面栈管理 2 实践框架 - Pad端 Alert Flutter

Built-in Features ? ? (14) ? (10) ? (9) ? (13) 为什么 ❤️ Flutter Web Flutter Flutter 是 Web 之外的另一个真跨端渲染技术 ? ? ? 通过 platform channels 调用平台能力 支持 Hot Reload 不支持 Flex Layout 布局 比肩原生的性能 调试工具完善 脱离前端 JS Co-founder of StackOverflow “ Flutter 增长迅速，但 Dart 关注平平 Kraken 关于 Flutter for Web 并不是完全鸡肋，适合其只适合非 C 端业务场景 中国可能是全球最关注 Flutter 的国家 我们的目标：能直接运行吗？ Demo Redux Mobx Rxjs Lodash Underscore Moment graphql level frame timing and synchronization optimizations Frame Syncing Kraken 云渲染 Agent Cloud 云 + 端一体化是渲染技术的新趋势 “

ive Client 离线应用 利用离线技术将资源存在本地。如 Google Drive，飞机上也可用继续查看和编辑今天的这个 讲义。 云+端——同步无处不在 我的设备：3个笔记本、1个台式机、iPhone 和 Android平板 云+端——同步无处不在 Google Apps Script GAS 运行在云端的 JavaScript，打通所有 Google 产品和服务，自动化处理业务。 多范式：函数式、OO、命令式 1995 年诞生于 Netscape 1998 年成为 ECMA 标准 2006 年 jQuery 发布 2009 年 Node.js：JavaScript 延伸到 Server 端 近两年：AMD、CommonJS 模块化标准 当前：正在制定 ECMAScript 6 标准 JavaScript 并不完美 JavaScript 并不完美 ● 程序结构不明显 ● 并非为性能设计的语言

https://github.com/koudle 我的掘⾦金金主⻚页： https://juejin.im/user/5b5587a05188251abb46b797 作者 欢迎关注和Star 谢谢！ 移动端跨平台开发的各种⽅方案 Guangzhou ⽅方案1： H5 WebView Hybrid WebView+Native React Native JavaScript+Native ⾃自⼰己负责渲染