Text显示文本的组件,一个Text只支持一种样式,如果需要富文本请参考RichText.
this.textAlign, // 对齐方式
this.overflow, // 处理文本溢出的样式
this.maxLines, // 最多显示的行数
this.style, // 文本样式
textAlign
left:左对齐
right:右对齐
left:居中对齐
justify:调整字符间距,填满水平空间
start:文本方向的起始点对齐,配合TextDirection使用,ltr就是左对齐,rtl就是右对齐,
end:和start相反
image.png
Text(
_showText,
textAlign: TextAlign.left,
)
textAlign
clip:截掉显示区域
fade:淡化为透明的效果
ellipsis:常见的...标识有内容被截取掉了
image.png
maxLines
控制文本显示的最大行数,不设置自动默认换行,不能设置为0
style:是一个TextStyle类型,
// TextStyle proerty
this.color, // 文字颜色
this.backgroundColor, // 文本的背景色
this.fontSize,// 字体大小