Flutter组件——Text

• 默认属性

  Text中有个默认必须的属性就是字符串了，你需要在一开始设置字符串的内容

• textAlign

  这个属性主要就是设置字符串的对齐方式的，他接受一个TextAlign对象，这个对象里面有几个常见的枚举比如说left，center，start等。

• maxLines

  maxLines指的是Text的最大行数，如果超过剩余字符串内容则会被隐藏

• overflow

  overflow定义了超出字符串部分内容的显示样式(不太精确，先这么理解)，其中它接受TextOverFlow对象，这个对象设置了几个枚举类型，其中有clip，fade，ellipsis，visible效果，其中ellipsis是用的比较多的

• textScaleFactor

  这个属性是设置字体大小的，它是根据比例设置，接受的是一个double，如果你设置2.0就是两倍大小，当你设置这个属性的时候就不要设置fontSize了，会有冲突

• Style

  Text中最重要的就是style属性了，style属性主要设置字体的样式，它接受一个TextStyle对象并且这个对象中还有很多属性，下面是几个常见属性。

  • color属性

    主要是字体的颜色，里面接受一个Color对象，我们可以使用Colors.dark的形式，因为Colors里面已经内置了很多Color常量，或者使用Color.fromARGB(a, r, g, b)

  • fontSize属性

    字体大小不用多说，接受一个double

  • fontWeight属性

    字体粗度，里面接受一个FontWeight对象，比如FontWeight.w800等

  • decoration属性

    用于下划线类型的装饰，接受一个TextDecoration对象，里面有下划线，上划线等等样式，你还可以设置combine里面接受一个数组，可以把样式都添加进去。

  • decorationStyle属性

    装饰的样式，比如将下划线变成波浪线等等。接受一个TextDecorationStyle对象，里面有solid，double，dashed，wavy，dotted类型的。

  • decorationColor属性

    装饰的颜色，可以设置下划线的颜色，接受一个Color对象

  • backgroundColor属性

    这个属性就是设置字体的背景的颜色，接受一个Color对象

代码示例

class MyText extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text('This is my first page',
      textAlign: TextAlign.justify,
      maxLines: 1,
      overflow: TextOverflow.ellipsis,
      textScaleFactor: 1.5,
      style: TextStyle(
          color: Colors.red,
          fontSize: 30.0,
          fontWeight: FontWeight.w800,
          decoration: TextDecoration.combine([
            TextDecoration.lineThrough,
            TextDecoration.underline
          ]),
          decorationStyle: TextDecorationStyle.wavy,
          decorationColor: Colors.lightGreenAccent,
        backgroundColor: Colors.red
      ),
    );
  }
}