作为系列文章的第二篇，本篇将为你着重展示：如何搭建一个通用的Flutter App 常用功能脚手架，快速开发一个完整的 Flutter 应用。 本篇内容结构如下图，主要分为： 基础控件、数据模块、其他功能 三部分。每大块中的小模块，除了涉及的功能实现外，对于实现过程中笔者遇到的…

导致的原因就是在水平或者垂直方向上的内容超过了父部件的大小。一般来说我们的页面不存在这样的问题，因为根据页面的设计，事先可以预料到是否超出。不过要注意到有输入法弹出的页面。比如我下面的这个例子： 可以看到底部溢出了22个像素，可能在18：9的手机以上不太会出现这种问题，因为屏幕…

我们所熟悉的前端开发框架大都是事件驱动的。事件驱动意味着你的程序中必然存在事件循环和事件队列。事件循环会不停的从事件队列中获取和处理各种事件。也就是说你的程序必然是支持异步的。 在Android中这样的结构是Looper/Handler；在iOS中是RunLoop；在JavaS…

1.1：级联操作符:.. 1.2： 条件调用符:?.

本篇将带你深入理解 Flutter 中 State 的工作机制，并通过对状态管理框架 Provider 解析加深理解，看完这一篇你将更轻松的理解你的 “State 大后宫” 。 我们知道 Flutter 宇宙中万物皆 Widget ，而 Widget 是 @immutable …

如果你是 Android、iOS、React、Vue 的开发人员，那么你一定不会对生命周期感到陌生，当你在学习 Flutter 的时候，Flutter 也有自己的生命周期。本篇文章就讲讲 Flutter 的生命周期，从而知道应该在哪里来写业务逻辑。 Flutter 里的 Wid…

通过pageEventStream 事件来处理页面的状态，默认情况下展示loading状态，通过使用Stack 类似Android中的Framelayout帧布局来初始化loading页面和真正的业务布局。通过isShowContent来控制ErrorWidget视图的展示与否

App 流畅性的关键指标有 UI帧率，GPU帧率，我们期望它能达到 60fps，也就是16ms每帧。 为了获取最接近生产环境的数据，我们应该选择一台尽可能低端的真机，并且以 profile 模式或者 release 模式下运行app。 那么检测帧率有哪些方法呢？Flutter …

根据以上流程，我们实现项目中的主题切换功能。 到此，完成了State的相关操作。 通过flutter redux的combineReducers与TypedReducer将RefreshThemeDataAction和_refresh绑定在一起，当用户每次发出RefreshTh…