什么是Text
Text是用于展示文本內(nèi)容的UI控件.常見(jiàn)效果如下：
基礎(chǔ)樣例
1.普通文本
效果圖
代碼
Text('花生皮編程')
2.設(shè)置字號(hào)
效果圖
代碼
Text('花生皮編程',style: TextStyle(fontSize: 25))
3.設(shè)置顏色
效果圖
代碼
Text('改變文字顏色',style: TextStyle(color: Color.fromRGBO(0x69, 0x50, 0xa1, 1)))
4.設(shè)置斜體
效果圖
代碼
Text('允許我歪一下',style: TextStyle(fontStyle: FontStyle.italic))
常用屬性及方法
| 屬性(方法)名 | 用途 |
|---|---|
| extDirection | 文本對(duì)齊方式 |
| TextAlign.center | 將文本對(duì)齊容器的中心 |
| TextAlign.end | 對(duì)齊容器后緣上的文本 |
| TextAlign.justify | 拉伸以結(jié)束的文本行以填充容器的寬度，使用了decorationStyle才有效 |
| TextAlign.left | 對(duì)齊容器左邊緣的文本 |
| TextAlign.right | 對(duì)齊容器右邊緣的文本 |
| TextAlign.start | 對(duì)齊容器前緣上的文本 |
| maxLines | 最大行數(shù) |
| overflow | 處理超長(zhǎng)情況 |
| TextOverflow.clip | 剪切超長(zhǎng)的文本以修復(fù)其容器。 |
| TextOverflow.ellipsis | 使用省略號(hào)表示文本超長(zhǎng)。 |
| TextOverflow.fade | 將超長(zhǎng)的文本淡化為透明。 |
| textScaleFactor | 字號(hào)系數(shù) |
工程截圖
完整源代碼
https://gitee.com/hspbc/flutter_demos/tree/master/text_demo
其他零基礎(chǔ)系列
《零基礎(chǔ)學(xué)安卓編程》
《零基礎(chǔ)學(xué)Java編程》
《零基礎(chǔ)學(xué)鴻蒙編程》
關(guān)于我
廈門(mén)大學(xué)計(jì)算機(jī)專(zhuān)業(yè) | 前華為工程師
專(zhuān)注《零基礎(chǔ)學(xué)編程系列》，包含：Java | 安卓 | 前端 | Flutter | iOS | 小程序 | 鴻蒙
全網(wǎng)可關(guān)注：花生皮編程
