TextAlign屬性
文本的對(duì)齊方式,它的屬性值有如下幾個(gè):
- center: 文本以居中形式對(duì)齊,這個(gè)也算比較常用的了。
- left:左對(duì)齊,經(jīng)常使用,讓文本居左進(jìn)行對(duì)齊,效果和start一樣。
- right :右對(duì)齊,使用頻率也不算高。
- start:以開(kāi)始位置進(jìn)行對(duì)齊,類(lèi)似于左對(duì)齊。
- end: 以為本結(jié)尾處進(jìn)行對(duì)齊,不常用。有點(diǎn)類(lèi)似右對(duì)齊.
總結(jié)起來(lái),也就算三個(gè)對(duì)齊方式,left(左對(duì)齊)、center(居中對(duì)齊)、right(右對(duì)齊)。
child: Text("我是文本組件Text。我是文本組件Text。我是文本組件Text。我是文本組件Text。",
textAlign: TextAlign.left,
),
textalign.png
maxLines屬性
設(shè)置最多顯示的行數(shù)
child: Text(
"我是文本組件Text。我是文本組件Text。我是文本組件Text。我是文本組件Text。",
textAlign: TextAlign.left,
maxLines: 1,
),
maxlines.png
overflow屬性
overflow屬性是用來(lái)設(shè)置文本溢出時(shí)的顯示方式
- clip:直接切斷,剩下的文字就沒(méi)有了,感覺(jué)不太友好,體驗(yàn)性不好。
- ellipsis:在后邊顯示省略號(hào),體驗(yàn)性較好,這個(gè)在工作中經(jīng)常使用。
- fade: 溢出的部分會(huì)進(jìn)行一個(gè)漸變消失的效果,當(dāng)然是上線的漸變,不是左右的哦。
child: Text(
"我是文本組件Text。我是文本組件Text。我是文本組件Text。我是文本組件Text。",
textAlign: TextAlign.left,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
overflow.png
style屬性
fontSize: 字體大小
color: 字體顏色
可以使用Color.fromARGB(255, 255, 0, 0)ARGB顏色值,
也可以使用Color(0xffff0000)十六進(jìn)制顏色碼
或者使用Colors類(lèi)中封裝的顏色:Colors.purple
decoration: 裝飾
lineThrough刪除線,underline下劃線,overline上劃線,none默認(rèn)
decorationStyle: 裝飾樣式
solid實(shí)線,dashed虛線,dotted虛線(由點(diǎn)組成),double兩行,wavy波浪線
decorationColor: 裝飾顏色
同樣它可以使用ARGB顏色值或者十六進(jìn)制顏色碼
child: Text(
"我是文本組件Text。我是文本組件Text。我是文本組件Text。我是文本組件Text。",
textAlign: TextAlign.left,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 20,
color: Color.fromARGB(255, 255, 0, 0),
// color: Color(0xffff0000)
//lineThrough刪除線,underline下劃線,overline上劃線,none默認(rèn)
decoration: TextDecoration.underline,
//solid實(shí)線,dashed虛線,dotted虛線(由點(diǎn)組成),double兩行,wavy波浪線
decorationStyle: TextDecorationStyle.solid,
// decorationColor: Color(0xff0000ff)
decorationColor: Color.fromARGB(255, 0, 255, 0)),
),
style.png