1. MainAxisSize.max —— 占用尽可能多的空间（默认值），相当于 CSS 块级元素的流动性。

2. MainAxisSize.min —— 宽度收缩到合适（宽度为子元素之和）。

• mainAxisAlignment —— 管理主轴方向的富裕空间，相当于 css 中的 justify-content，可选值：

1. MainAxisAlignment.start —— 子 Widget 排列在主轴的起始端

2. MainAxisAlignment.center —— 子 Widget 居中

3. MainAxisAlignment.end —— 子 Widget 排列在主轴的末端

4. MainAxisAlignment.spaceBetween —— 子 Widget 对齐起始和末端，其余空间平均分配。

5. MainAxisAlignment.spaceAround —— 富裕空间环绕分配 子 Widget

6. MainAxisAlignemnt.spaceEvenly —— 富裕空间平均分配

• crossAxisAlignment —— 管理纵轴的富裕空间，Row 的高度等于子组件中最高的子元素高度。可选值：

1. CrossAxisAlignment.start —— 子 Widget 在纵轴的起始端

2. CrossAxisAlignment.center —— 子 Widget 在纵轴居中，富裕空间上下平均分配

3. CrossAxisAlignment.end —— 子 Widget 在纵轴的末端

• children —— 一个 Widget 数组，用于存放元素。

示例

---

class RowAndColumnWidget extends StatelessWidget{

@override

Widget build(BuildContext context) {

return Column(

children: [

Row(

//改变主轴的方向：从右往左

textDirection: TextDirection.rtl,

mainAxisSize: MainAxisSize.max,

children: [

Text(‘1111111’),

Text(‘2222222’),

],

),

Row(

//子元素居中

mainAxisAlignment: MainAxisAlignment.center,

children: [

Text(‘1111111’),

Text(‘2222222’),

],

),

Container(

decoration: BoxDecoration(

color: Colors.pink

),

height: 100,

child: Row(

//元素排列在侧轴的末端

crossAxisAlignment: CrossAxisAlignment.end,

children: [

Text(‘1111111’),

Text(‘2222222’),

],

),

),

],

);

}

}

总结：

文末

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，对此我整理了一些资料，需要的可以免费分享给大家

这里笔者分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

【视频教程】

天道酬勤，只要你想，大厂offer并不是遥不可及！希望本篇文章能为你带来帮助，如果有问题，请在评论区留言。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618156601)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！