Flutter 布局探索 - 薪火相传--掘金小册课程推荐/优惠

你将获得

• 从约束传递认识布局特点，了解布局结构；

• 从组件属性解读布局特性，完成案例演练；

• 从源码角度探索布局组件的实现原理；

• 实现自定义布局组件，更自由控制布局。

作者介绍

张风捷特烈，Flutter 全端开发工程师、FlutterUnit 开源项目作者。FlutterUnit 是一款帮助刚入门的朋友快速认识 Flutter 的应用，它包含绝大多数 Flutter 内置组件及绘制的展示案例。

作者本人热爱探索源码、分享知识。除了出版过《Flutter 之旅》以外，还在掘金上线了其他 4 门课程：

• 《Flutter 手势探索 - 执掌天下》
• 《Flutter 动画探索 - 流光幻影》
• 《Flutter 绘制指南 - 妙笔生花》
• 《Flutter 滑动探索 - 珠联璧合》
• 公众号 编程之王

小册介绍

对于布局来说，明面上是 Widgets 层的事，但暗地里组件布局特性本质上 是 渲染对象 所决定的。组件只是个 属性搬运工 而已。对源码中布局流程的了解，在一定程度上也能透过表象的 Widget，站在更高的视角去审视 渲染对象 的作用，从而对 Flutter 框架有更深的认知。

你会学到什么

总的来说，这本小册会分为4个模块。

模块一：让大家感知盒约束的存在，并认知布局的特点。 这块是比较轻松的引子，会结合一些案例，从盒约束的角度去解释看似不合理的尺寸现象，以及对布局结构有基本的认知。

模块二：初步了解常用布局组件特点和演练。 这块会选取常用的布局组件，从属性的解读去分析它们的布局特性，最后会结合几个案例进行演练。

模块三：从源码的角度去探索组件布局特性 。 到这里，将进入硬核的下半篇章。通过对布局组件源码的分析，从根本上去认识各布局组件内部约束传递、尺寸确定、偏移设置的实现。

模块四：自定义布局组件和总结篇。 这块将介绍通过 CustomSingleChildLayout 、CustomMultiChildLayout 、Flow 组件自定义布局的方法，以及如何通过 Overlay 组件实现浮动层。通过这部分的学习，你可以更自由的控制布局，而不只拘泥于 Flutter 提供的布局组件。最后，会对本册进行一个总结。

最后：由于纯手工码字以及认知的局限性，如果本册内容上有什么错误、疑问、错别字或修改建议，可在评论区指正，或直接联系我进行探讨 ~

适宜人群

• 基本了解 Flutter 布局的使用，会创建 Flutter 项目，了解 Dart 基础语法；
• 想全面了解布局相关知识，进一步提升的Flutter工程师；
• 想提升自身读码能力或有兴趣探索源码；
• 有一颗心平气和、勇于探索的心。

• 开篇: 欢迎进入 Flutter 布局探索

• 从打破紧约束开始说起

• 认识常用组件下施加的约束

• 探索 Flex 对布局结构的划分

• Flex、Wrap、Stack 组件属性梳理

• 常见单子布局组件作用分析

• 常见布局实践演练

• 探索约束传递与尺寸确定

• 探索单子布局组件源码实现(上)

• 探索单子布局组件源码实现(下)

• 探索 Flex、Wrap、Stack 源码实现

• 使用单子与多子自定义布局

• 浮层 Overlay 的使用与定位

• 使用 Flow 组件自定义布局

• 探索 IntrinsicHeight 作用与源码实现

• 总结篇 - 立于布局体系之上的风采