flutter组件之Padding,Align,Center
发布日期:2021-10-15 18:54:36 浏览次数:3 分类:技术文章

本文共 843 字,大约阅读时间需要 2 分钟。

一: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的尺寸和尺寸因子的乘积。

转载地址:https://blog.csdn.net/shenshulong/article/details/103860299 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:webpack配置文件之配置项mode
下一篇:flutter之EdgeInsets

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年04月09日 00时58分13秒