Flutter开发之——多组件布局容器-Wrap，细节决定成败

}),

)

效果图

3.2 Wrap布局方向

direction属性控制布局方向，默认为水平方向，设置方向为垂直代码如下：

代码(相同部分见示例一)

Wrap(

direction: Axis.vertical,

…

)

效果图

3.3 对齐方式-alignment(主轴)

代码(相同部分见示例一)

Wrap(

alignment: WrapAlignment.spaceBetween,

…

)

效果图

3.4 对齐方式-crossAxisAlignment(交叉轴)

代码(宽高不一样)

Wrap(

spacing: 5,

runSpacing: 3,

crossAxisAlignment: WrapCrossAlignment.center,

children: List.generate(10, (i) {

double w = 50.0 + 10 * i;

double h = 50.0 + 5 * i;

return Container(

color: Colors.primaries[i],

height: h,

alignment: Alignment.center,

width: w,

child: Text(‘$i’),

);

}),

)

效果图

3.5主轴方向上对齐方式-runAlignment

代码(相同部分见示例一)

Wrap(

runAlignment: WrapAlignment.spaceEvenly,

…

)

效果图

3.6 间隔-spacing和runSpacing

代码(相同部分见示例一)

Wrap(

spacing: 5,

runSpacing: 2,

…

)

最后

这里我特地整理了一份《Android开发核心知识点笔记》，里面就包含了自定义View相关的内容

如果你有需要的话，可以私信我【进阶】发给你

除了这份笔记，还给大家分享 Android学习PDF+架构视频+面试文档+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

如果你有需要的话，可以点击我的GitHub免费获取！

分享上面这些资源，希望可以帮助到大家提升进阶，如果你觉得还算有用的话，不妨把它们推荐给你的朋友~

喜欢本文的话，给我点个小赞、评论区留言或者转发支持一下呗~

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

存中…(img-B9fhFUwV-1710967639572)]
[外链图片转存中…(img-tkEWk8F8-1710967639573)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
[外链图片转存中…(img-XoGO6kVN-1710967639573)]