Flutter⼊门（8）：Flutter组件之Row、Column详解
1. Flex 布局
Flex 布局是⼀个很经典的布局⽅式，简单易懂，容易上⼿。多尝试，知道横轴纵轴的每⼀个属性会布局成什么样⼦就掌握了。
flex.png
2. 基本介绍
Row 和 Column 在 Flutter ⾥都是最常⽤的控件之⼀。后边⽰例需要⽤到 Container，需要了解的同学点这⾥。
代码下载地址。如果对你有帮助的话记得给个关注，代码会根据我的 Flutter 专题不断更新。
3. Row 详解
3.1 容器创建
为了⽅便⼤家理解，我这⾥以⼀个 container 容器作为底层容器承载 Row。然后加三个不同颜⾊的 Item 加⼊布局，来展⽰ Flex 不同属性效果。
优雅的编程，⾸先创建⼀个 row.dart ⽂件。这⾥我们给定⽗容器 container 固定⼤⼩，⽅便⼤家了解横轴，纵轴属性，⼤家也可以⾃⾏删掉container 的 width 和 height，了解⼀下没有设置⽗容器时，⾃适应效果。
flex布局详细讲解
main axis center.png
main axis spaceEvenly.png
cross axis center.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。