潇潇潇暮雨

背景：在 React Native 中，我们打包生成的包只有一个jsbundle，里面包含了我们的业务代码、RN 源码及依赖的第三方库。通常为了更好的性能，我们需要将这个jsbundle文件进行拆分

turbo是涡轮的意思，turbo Module是对 Native Module 的全面升级，以加快从 JavaScript 初始化和调用原生模块的方式

方式1：浏览器开发者工具。可以使用快捷键option+command+J或者菜单选项开发者工具来启动开发者控制台。单选直接输入，多行按shift+enter切换行 方式2：Chrome的snippets是小脚本，还可以创作并在Chrome DevTools的来源面板中执行。 首…

跨平台开发框架集成到现有项目，通常会遇到混合页面管理问题，原生有一套自己导航栈，Flutter/React Native 也有一套自己的导航栈，原生与 Flutter/RN 互相跳转时，导航栈管理将变得十分困难。FlutterBoost 是闲鱼开源的一套混合页面管理库，它可以轻…

上一篇文章中，我们分析了 Flutter 布局和渲染的大致实现，这篇文章继续介绍 Flutter 的布局过程。 App 在渲染视图时，需要在坐标系中指定区域进行绘制。Flutter 的坐标系是二维空间，这和iOS和安卓的原生坐标系是一样的，屏幕的左上角是坐标原点(0, 0)，向…

上一篇文章中，我们介绍 Flutter Widget 的设计思想、实现原理，并分析了 Widget、Element 和 RenderObject 的源码，这篇文章继续结合源码分析 Flutter 的渲染过程。 从这张图上可知，界面显示到屏幕上，Flutter 经过了 Vsync…

在Flutter中，一切都是由Widget组成，不管是按钮、文本、图像、列表、布局、手势、动画处理等都可以作为Widget，开发者通过组合、嵌套Widget构建UI界面。 这篇文章将探索 Flutter Widget 背后的设计思想，深入分析源码以弄清它的实现原理，从而让我们更…

在上一篇文章中，我们介绍了 RxSwift 结合 MVVM 进行 APP 开发，通过 RxSwift 实现了数据与视图的绑定，使 View 与 ViewModel 能够自动同步。 在 WWDC 2019 上，苹果新推出了一套函数响应式编程框架 Combine，它的设计思想借鉴于…

当我们的APP交互复杂、逻辑复杂时，ViewController 就会变得十分臃肿，大量的代码填充其中，使得 ViewController 承担的职责过多。臃肿的 ViewController 难以理解，难以维护，难以扩展，增加了后续开发的复杂度，降低了整体开发的效率。 现在流…