认识Flutter组件篇之Text组件fade 将溢出的文本淡化为透明，这个透明是上下的可以看到字的下面部分有点透明。

Text组件是Flutter中最基础的组件了，下面我们就来认识一下Text组件

Text

它有两种书写方式:

1.
Text(
    'Hello,Flutter',
     textAlign: TextAlign.center,
    overflow: TextOverflow.ellipsis,
    style: TextStyle(fontWeight: FontWeight.bold),
)

这是text组件的默认写法

2.
const Text.rich(
    TextSpan(
    text: 'Hello', // default text style
    children: <TextSpan>[
      TextSpan(text: ' beautiful ', style: TextStyle(fontStyle: FontStyle.italic)),
      TextSpan(text: 'world', style: TextStyle(fontWeight: FontWeight.bold)),
    ],
 ),
)

text组件的构造函数有一个rich方法，可以用来使用TextSpan来展示不同样式的段落

当然你可以去给这些文字去绑定上事件交互但是这篇文章我只想谈论布局展现 (因为我也没有实践过等我实践了在补充上~) 如果你想知道怎么绑定交互事件可以去官方文档去看一下

text组件有许多属性我们来认识那些最常用的

maxLines 文本最多显示几行，多余的会被截断
overflow 溢出情况该如何处理

它的值是一个TextOverflow的枚举
1. clip 剪切掉溢出的部分
2. ellipsis 使用省略号表示文本已溢出
3. fade 将溢出的文本淡化为透明，这个透明是上下的可以看到字的下面部分有点透明。
softWrap 文本是否换行，值是一个布尔值false不换号，true 换行
style 文本的样式
1. 透明度跟颜色
2. color 颜色
```
Color c = const Color(0xFF42A5F5);
Color c = const Color.fromARGB(0xFF, 0x42, 0xA5, 0xF5);
Color c = const Color.fromARGB(255, 66, 165, 245);
Color c = const Color.fromRGBO(66, 165, 245, 1.0);
```
1. fontFamily 字体风格
2. fontSize 字体大小
3. fontWeight 字体粗细
4. decoration 文本附近的装饰有如下值
  
  TextDecoration.lineThrough
  TextDecoration.overline
  TextDecoration.underline
5. decorationColor 装饰的颜色
6. decorationStyle 装饰的样式
7. TextDecorationStyle.dashed
8. TextDecorationStyle.dotted
9. TextDecorationStyle.wavy
10. TextDecorationStyle.double
11. letterSpacing 文字与文字之间的距离
12. wordSpacing 每个词之间的距离用空格区分
13. height 行高字体大小的倍数
textAlign 文本对齐方式

TextAlign.left

TextAlign.right

TextAlign.center

TextAlign.justify

TextAlign.start

TextAlign.end
textDirection 文本方向

TextDirection.ltr
TextDirection.rtl