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