flutter text 左对齐_Flutter基础篇之九-Text文本展示

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,// 字体大小