Flutter2.10 页面布局 Paddiing Row Co

1.Paddiing组件,由于很多widget没有padding属性,我们可以使用Padding组件处理容器和子元素之间的间距

2.row水平布局组件
mainAxisAlignment 水平布局显示 靠左 靠右 居中… 调整x轴的显示方位 (用的比较多的)
crossxisAlignment 调整相对父组件的y轴展示

3.column垂直布局组件 类似row使用

4.Expanded组件
和 flex 一起使用
结合row column一起使用

Expanded(
          flex: 1,
          child:Image.asset('images/logo2.png'),
        ),
flex 指所占的比例 1份
图片的高度可能会有变化,将其放在Container中 控制高度 宽度的话 flex控制,记得图片的fit属性

Expanded组件可以结合Row和Column布局组件使用。
Expanded组件的常用属性
属性 说明
flex 元素占整个父Row/Column的比例
child 子元素