flutter -- Text Widget 文本组件的使用

TextAlign属性

文本的对齐方式
center: 文本以居中形式对齐,这个也算比较常用的了。
left:左对齐，经常使用，让文本居左进行对齐，效果和start一样。
right :右对齐，使用频率也不算高。
start:以开始位置进行对齐，类似于左对齐。
end: 以为本结尾处进行对齐，不常用。有点类似右对齐.

如下图 如果text文本长度过少, 设置是没有效果的

maxLines:
设置最多显示的行数，比如我们现在只显示1行，代码如下:

child:Text(
  'Hello maxLines 设置最多显示的行数 设置最多显示的行数 设置最多显示的行数 设置最多显示的行数',
  textAlign:TextAlign.left,
  maxLines: 1,
)

overflow
属性是用来设置文本溢出时, 用法如下:
clip：直接切断，剩下的文字就没有了，感觉不太友好，体验性不好。
ellipsis:在后边显示省略号，体验性较好，这个在工作中经常使用。
fade: 溢出的部分会进行一个渐变消失的效果，当然是上线的渐变，不是左右的哦。
如设置后边显示省略号: overflow: TextOverflow.ellipsis,

如下图部分样式展示:

属性资料网址：https://docs.flutter.io/flutter/painting/TextStyle-class.html

container 中

Alignment属性

Alignment 的对齐方式有:

• bottomCenter:下部居中对齐。
• botomLeft: 下部左对齐。
• bottomRight：下部右对齐。
• center：纵横双向居中对齐。
• centerLeft：纵向居中横向居左对齐。
• centerRight：纵向居中横向居右对齐。
• topLeft：顶部左侧对齐。
• topCenter：顶部居中对齐。
• topRight： 顶部居左对齐。

宽、高和颜色属性
padding margin 属性

padding: const EdgeInsets.all(10.0),
padding: const EdgeInsets.fromLTRB(10.0, 20.0, 0.0, 0.0),
margin: const EdgeInsets.all(10.0),
margin: const EdgeInsets.fromLTRB(10.0, 20.0, 0.0, 0.0),

如果所设置的一样: const EdgeInsets.all(value)
如果所设置的不一样: const EdgeInsets.fromLTRB(left, top, right, bottom)

decoration属性 设置边框
decoration是 container 的修饰器，主要的功能是设置背景和边框。