Flutter Container 组件、Text 组件详解

Text 组件
textAlign     文本对齐方式(center 居中,left 左对齐,right 右对齐,justfy 两端对齐)
textDirection   文本方向(ltr 从左至右,rtl 从右至左)
overflow    文字超出屏幕之后的处理方式(clip裁剪,fade 渐隐,ellipsis 省略号)
textScaleFactor    字体显示倍率
maxLines  文字显示最大行数
style  字体的样式设置
 
TextStyle 的参数 :
decoration   文字装饰线(none 没有线,lineThrough 删除线,overline 上划线,underline 下划线)
decorationColor   文字装饰线颜色
decorationStyle   文字装饰线风格([dashed,dotted]虚线,
double     两根线,solid 一根实线,wavy 波浪线)
wordSpacing    单词间隙(如果是负值,会让单词变得更紧凑
letterSpacing    字母间隙(如果是负值,会让字母变得更紧凑)
fontStyle   文字样式(italic 斜体,normal 正常体)
fontSize   文字大小
color   文字颜色
fontWeight   字体粗细(bold 粗体,normal 正常体)
 
更多参数:https://docs.flutter.io/flutter/painting/TextStyle-class.html
 
Container 组件
alignment
topCenter:顶部居中对齐
topLeft:顶部左对齐
topRight:顶部右对齐
center:水平垂直居中对齐
centerLeft:垂直居中水平居左对齐
centerRight:垂直居中水平居右对齐
bottomCenter 底部居中对齐
bottomLeft:底部居左对齐
bottomRight:底部居右对齐
decoration
decoration: BoxDecoration(
  color: Colors.blue,
  border: Border.all(
    color: Colors.red,
    width: 2.0
  ),
  borderRadius: BorderRadius.all(
    Radius.circular(8.0)
  )
)
 
 
margin
margin 属性是表示 Container 与外部其他组件的距离。
EdgeInsets.all(20.0),
 
padding
padding   就 是 Container 的 内 边 距 , 指
Container 边缘与 Child 之间的距离
padding: EdgeInsets.all(10.0)
 
transform
让 Container 容易进行一些旋转之类的湖北众猿腾网络科技有限公司
transform: Matrix4.rotationZ(0.2)
height 容器高度
width 容器宽度
child 容器子元素
更多参数:https://api.flutter.dev/flutter/widgets/Container-class.html 

猜你喜欢

转载自www.cnblogs.com/zhaofeis/p/12326416.html
今日推荐