Padding组件
在flutter中,有很多widget是没有padding属性的,这个时候我们可以用Padding组件处理容器与子元素之间的间距
| 属性 | 说明 |
|---|---|
| padding | padding值,EdgeInsets设置填充的值 |
| child | 子组件 |
| 例子: |
因为Image组件里没有Padding这个属性,所以我们可以用Padding这个组件来给它添加上padding
Padding(
padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
child: Image.network('https://www.itying.com/images/flutter/1.png', fit: BoxFit.cover),
),
Column组件
垂直布局组件
| 属性 | 说明 |
|---|---|
| mainAxisAlignment | 主轴的排序方式 |
| crossAxisAlignment | 次轴的排序方式 |
| children | 组件子元素 |
Row组件
水平布局组件
| 属性 | 说明 |
|---|---|
| mainAxisAlignment | 主轴的排序方式 |
| crossAxisAlignment | 次轴的排序方式 |
| children | 组件子元素 |
Expanded组件
Expanded组件可以用在Row和Column布局中(类似web中的Flex布局)
| 属性 | 说明 |
|---|---|
| flex | 元素占整个父Row/Column的比例 |
| child | 包裹的子元素 |
| 要实现自适应的时候就一个不使用Expanded,另一个设置flex为1就会自适应了 |
