Flutter Padding Row Column Expanded

1,909 阅读1分钟

Flutter Padding 组件 代替属性

属性 说明
padding padding 值, EdgeInsetss 设置填充的值
child 子组件
    // ...
        children: <Widget>[
          Padding(
            padding: EdgeInsets.fromLTRB(10, 10, 0, 0),
            child: Image.network('http://pic111.huitu.com/res/20181107/1919157_20181107152646447070_1.jpg',
                fit: BoxFit.cover),
          )
    // ...

Flutter Row 水平布局组件

属性 说明
mainAxisAlignment 主轴的排序方式
crossAxisAlignment 次轴的排序方式
children 组件子元素

Flutter Column 垂直布局组件

属性 说明
mainAxisAlignment 主轴的排序方式
crossAxisAlignment 次轴的排序方式
children 组件子元素

Flutter Expanded 类似 Web 中的 Flex 布局

Expanded组件可以使Row、Column、Flex等子组件在其主轴方向上展开并填充可用空间(例如,Row在水平方向,Column在垂直方向)。如果多个子组件展开,可用空间会被其flex factor(表示扩展的速度、比例)分割。

属性 说明
flex 元素站整个父 Row /Column 的比例
child 子元素