Text

對一個APP而言文本無處不在，Text是進(jìn)行Flutter開發(fā)最常用的組件之一。

Text常用的屬性有哪些？

textAlign: TextAlign.center,//文本對齊方式
textDirection: TextDirection.ltr,//文本方向
overflow: TextOverflow.fade,//文字超出屏幕之后的處理方式(clip 裁剪，fade 漸隱，ellipsis 省略號)
textScaleFactor: 1.5,//double 字體顯示倍率
maxLines: 6,//int 文字顯示最大行數(shù)

其中style屬性是一個對象：
style: TextStyle(
color: Colors.red,//字體顏色
fontSize: 14,//字體大小
fontWeight: FontWeight.normal,//字重
fontStyle: FontStyle.italic,//文字樣式(italic 斜體，normal 正常體)
backgroundColor: Colors.amber.withOpacity(0.3),//文本背景顏色
decoration: TextDecoration.lineThrough,//文字裝飾線(none 沒有線，lineThrough 刪除線，overline 上劃線，underline 下劃線)
decorationColor: Colors.black,//文字裝飾線顏色
decorationStyle: TextDecorationStyle.wavy,//文字裝飾線風(fēng)格([dashed,dotted]虛線， double 兩根線，solid 一根實線，wavy 波浪線)
decorationThickness: 3.0, //字體的基本筆劃厚度/寬度
wordSpacing: 100.0,//單詞(英文單詞或漢語詞語)間隙(如果是負(fù)值，會讓單詞變得更緊湊)
letterSpacing: 20,//字符(單個字母或漢字)間隙(如果是負(fù)值，會讓字母變得更緊湊)

其中，需要注意的是：

wordSpacing: 100.0,//單詞間隔100pixels
是指單詞(英文單詞或漢語詞語)間隙(如果是負(fù)值，會讓單詞變得更緊湊)

letterSpacing: 20,//單個字符間隔20pixels
是指字符(單個字母或漢字)間隙(如果是負(fù)值，會讓字母變得更緊湊)

demo

測試效果：

image.png

測試代碼：

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text(
        'A negative value can be used 哈哈哈哈 哈哈啊，， to bring the words closer',
        textAlign: TextAlign.center,//文本對齊方式
        textDirection: TextDirection.ltr,//文本方向
        overflow: TextOverflow.fade,//文字超出屏幕之后的處理方式(clip 裁剪，fade 漸隱，ellipsis 省略號)
        textScaleFactor: 1.5,//double 字體顯示倍率
        maxLines: 6,//int 文字顯示最大行數(shù)
        style: TextStyle(
          color: Colors.red,//字體顏色
          fontSize: 14,//字體大小
          fontWeight: FontWeight.normal,//字重
          fontStyle: FontStyle.italic,//文字樣式(italic 斜體，normal 正常體)
          backgroundColor: Colors.amber.withOpacity(0.3),//文本背景顏色
          decoration: TextDecoration.lineThrough,//文字裝飾線(none 沒有線，lineThrough 刪除線，overline 上劃線，underline 下劃線)
          decorationColor: Colors.black,//文字裝飾線顏色
          decorationStyle: TextDecorationStyle.wavy,//文字裝飾線風(fēng)格([dashed,dotted]虛線， double 兩根線，solid 一根實線，wavy 波浪線)
          // decorationThickness: 3.0, //字體的基本筆劃厚度/寬度
          wordSpacing: 100.0,//單詞(英文單詞或漢語詞語)間隙(如果是負(fù)值，會讓單詞變得更緊湊)
          letterSpacing: 20,//字符(單個字母或漢字)間隙(如果是負(fù)值，會讓字母變得更緊湊)
        ),//字體樣式
      ),
    );
  }
}

參考：
https://api.flutter.dev/flutter/painting/TextStyle-class.html