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 作用与源码实现
- 总结篇 - 立于布局体系之上的风采