Flutter House

昨天谷歌为在 Flutter Interact 上为我们带来了 Flutter 1.12 ，这是 1.9.x 的版本在经历 6 次 hotfix 之后，才带来的 stable 大版本更新。该版本解决了 4,571 个报错，合并了 1,905 份 pr，同时本次发布也是 Flut…

这次分享的主题主要涉及：移动端跨平台开发的发展、Flutter Widget 的实现原理 、 Flutter 的实战技巧 、Flutter Web的现状 四个方面，而整体主题将围绕 Widget 为中心展开。 按照惯例，我们先介绍历史进程，随着用户终端种类的百花齐放，如今跨平台…

作为系列文章的第十八篇，本篇将通过 ScrollPhysics 和 Simulation ，带你深入走进 Flutter 的滑动新世界，为你打开 Flutter 滑动操作的另一扇窗。 如下图所示是Flutter 默认的可滑动 Widget 效果，在 Android 和 iOS …

作为系列文章的第十七篇，本篇再一次带来 Flutter 开发过程中的实用技巧，让你继续弯道超车，全篇均为个人的日常干货总结，以实用填坑为主，让你少走弯路狂飙车。 在下载包的过程中出现问题，下次再拉包的时候，在 .pub_cache 内的 git 目录下会检测到已经存在目录，但是…

本篇将解析 Flutter 中自定义布局的原理，并带你深入实战自定义布局的流程，利用两种自定义布局的实现方式，完成如下图所示的界面效果，看完这一篇你将可以更轻松的对 Flutter 为所欲为。 在之前的篇章我们讲过 Widget 、Element 和 RenderObject …

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

本篇将带你深入了解 Flutter 中打包和插件安装等原理，帮你快速完成 Flutter 集成到现有 Android 项目，实现混合开发支持。 随着各种跨平台框架的不断涌现，很多时候我们会选择混合开发模式作为脚手架 ，因为企业一般不会把业务都压在一个框架上，同时除非是全新项目，…

k+ 左右，主要活跃在掘金社区，id 是恋猫的小郭，主要专栏有《Flutter完整开发实战详解》系列等，平时工作负责移动端项目的开发，工作经历从 Android 到 React Native 、Weex 再到如今的 Flutter ，期间也参与过 React 、 Vue 、小程…

谷歌大会之后，有不少人咨询了我 Flutter 相关的问题，其中有不少是和面试相关的，如今一些招聘上也开始罗列 Flutter 相关要求，最后想了想还是写一期总结吧，也算是 Flutter 的阶段复习。 本篇主要是知识点总结，如有疑问可点击各文章链接了解详情，或者查阅我 掘金专…

本篇将带你深入了解 Flutter 中的手势事件传递、事件分发、事件冲突竞争，滑动流畅等等的原理，帮你构建一个完整的 Flutter 闭环手势知识体系，这也许是目前最全面的手势事件和滑动源码的深入文章了。 Flutter 中默认情况下，以 Android 为例，所有的事件都是起…

作为系列文章的第十二篇，本篇将通过 scope_model 、 BloC 设计模式、flutter_redux 、 fish_redux 来全面深入分析， Flutter 中大家最为关心的状态管理机制，理解各大框架中如何设计实现状态管理，从而选出你最为合适的 state “大管…

作为系列文章的第十一篇，本篇将非常全面带你了解 Flutter 中最关键的设计之一，深入原理帮助你理解 Stream 全家桶，这也许是目前 Flutter 中最全面的 Stream 分析了。 Stream 在 Flutter 是属于非常关键的概念，在 Flutter 中，状态管…

作为系列文章的第十篇，本篇主要深入了解 Flutter 中图片加载的流程，剥析图片流程中有意思的片段，结尾再实现 Flutter 实现本地图片缓存的支持。 6、接着 ImageInfo 回调到 ImageStream 的监听，设置给 _ImageState build 的 Ra…

作为系列文章的第九篇，本篇主要深入了解 Widget 中绘制相关的原理，探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步，结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。 在第六、第七篇中我们知道了 Widget、Eleme…

作为系列文章的第八篇，本篇是主要讲述 Flutter 开发过程中的实用技巧，让你少走弯路少掉坑，全篇属于很干的干货总结，以实用为主，算是在深入原理过程中穿插的实用篇章。 有时候我们为 Text 设置 ellipsis ，却发现并没有生效，而是出现如下图左边提示 overflow…

作为系列文章的第七篇，本篇主要在前文的基础上，再深入了解 Widget 和布局中的一些常识性问题。 在第六篇中我们知道了 Widget、Element、RenderObject 三者之间的关系，其中我们最为熟知的 Widget ，作为“配置文件”的存在，在 Flutter 中它…

作为系列文章的第六篇，本篇主要在前文的探索下，针对描述一下 Widget 中的一些有意思的原理。 首先我们需要明白，Widget 是什么？这里有一个 “总所周知” 的答就是：Widget并不真正的渲染对象 。是的，事实上在 Flutter 中渲染是经历了从 Widget 到 E…

作为系列文章的第五篇，本篇主要探索下 Flutter 中的一些有趣原理，帮助我们更好的去理解和开发。 混入其中(￣.￣)！，是的，Flutter 使用的是 Dart 支持 Mixin ，而 Mixin 能够更好的解决多继承中容易出现的问题，如：方法优先顺序混乱、参数冲突、类结构…

作为系列文章的第四篇，本篇主要介绍 Flutter 中 Redux 的使用，并结合Redux 完成实时的主题切换与多语言切换功能。 Flutter 作为响应式框架，通过 state 实现跨帧渲染的逻辑，难免让人与 React 和 React Native 联系起来，而其中 Re…

作为系列文章的第三篇，本篇将为你着重展示：Flutter开发过程的打包流程、APP包对比、细节技巧与问题处理，本篇主要描述的 Flutter 的打包、在开发过程中遇到的各类问题与细节，算是对上两篇的补全。 首先我们先看结果，如下表所示，是 Flutter 与 React Nat…