title: 'TextAlign' description: '控件介绍' type: widgets


TextAlign

TextAlign设置文本的对齐方式,用法如下:

Container(
  height: 100,
  width: 200,
  color:Colors.blue,
  child: Text(
    '老孟,一枚有态度的程序员。欢迎关注他的公众号【老孟程序员】',
    textAlign: TextAlign.start,
  ),
)

要给Text设置宽高的显示,当文本不满一行时,对齐方式的效果就体现出来了,下图是start的效果:

对齐方式说明如下:

  • left:对齐父组件的左边。
  • right:对齐父组件的右边。
  • center:中间对齐。
  • justify:拉伸“软换行”对齐父组件,而“硬换行”的文本依然对齐开始边。如果一行文本写到最后还剩2个单位,而下一个字需要4个单位,那么此时这个字不会分开写,而是直接换行,那么上面的可以称为“软换行”,“软换行”导致文本边缘有空隙,对齐方式设置justify时将会拉伸此行,字与字的间隔变大。“软换行”就是正好换行,没有空隙或者不满一行的文本。
  • start:对齐父组件的开始边,开始边取决于TextDirection,如果是TextDirection.ltr,开始边是左边,如果是TextDirection.rtl,开始边是右边,
  • end:对齐父组件的结束边,同start一样,结束边取决于TextDirection。