[Flutter-5]HelloVicent——布局约束研究

今天是2023-12-29，周五，项目第五天

准备进行综合页的内容建设；

但对布局的整体还是模棱两可，决定回到Flutter中文网找相关知识看；

深入理解 Flutter 布局约束

熟记这条规则：

首先，上层 widget 向下层 widget 传递约束条件；
然后，下层 widget 向上层 widget 传递大小信息。
最后，上层 widget 决定下层 widget 的位置。

然后有个例子，详细看了下：

一个 widget 中包含了一个具有 padding 的 Column，并且要对 Column 的子 widget 进行布局，解释了parent，widget和child怎么决定尺寸的对话；

Flutter 中的布局

内容不少，花些时间去消化再动笔。

参考了以下文章，做了个比较模糊的思维导图，以此可以作为参照选择一些Widget；

Flutter 布局详解

【Flutter】十一、Flutter中常用的容器类

【Flutter】十二、Flutter中常用的布局容器——Row、Column

Flutter 9种布局组件（带详细案例）

Flutter Decoration背景设定（边框、圆角、阴影、形状、渐变、背景图像等）

Flutter ListView 实战快速上手

布局的归纳总结

有Child属性的部分组件归纳总结

有Children属性的部分组件归纳总结

思维导图上有误的，欢迎指正；

对于拿到的UI设计图或是参考图，需要做Flutter 布局详解这样的工作，如下图，确定好使用什么Widget实现，再去写代码；

更新于，2024年1月6日10:28:57，以上。