flutter组件之Padding,Align,Center

一:padding组件是一个基础控件,不像Container这种组合控件。Container中的margin以及padding属性其实都是利用Padding控件去实现的,padding组件属性不多,作用就是为子元素撑开边距。

new Padding(
  padding: new EdgeInsets.all(8.0),
  child: new Card(child: new Text('Hello World!')),
)

二:align组件本身实现的功能并不复杂,设置child的对齐方式,例如居中、居左居右等,并根据child尺寸调节自身尺寸。

new Align(
  //对齐方式,居中、居左居右
  alignment: Alignment.center,
  //宽度因子
  widthFactor: 2.0,
  //高度因子
  heightFactor: 2.0,
  child: new Text("Align"),
)

Alignment的属性:

  1. bottomCenter:下部居中对齐。
  2. bottomRight:下部右对齐。
  3. bottomLeft: 下部左对齐。
  4. center:纵横双向居中对齐。
  5. centerLeft:纵向居中横向居左对齐。
  6. centerRight:纵向居中横向居右对齐。
  7. topLeft:顶部左侧对齐。
  8. topCenter:顶部居中对齐。
  9. topRight: 顶部居左对齐。

如果尺寸因子为非null,则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。

三:center组件是一个可以居中对齐,是中心定位控件,能够将子控件放在其内部中心。
属于基础布局组件。

new Center(
  //宽度因子
  widthFactor:2,
  //高度因子
  heightFactor:2,
  child: new Text("center"),
)

如果尺寸因子为非null,则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值