Flutter 基础控件之Text

// text 详解
class MyText extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Text(
  "Hello World!\n My name`s Feng Ying Jie\n我们都有一个家名字叫中国,家里兄弟姐妹都很多 景色也不错",
  textAlign: TextAlign.center,
  maxLines: 4,
  overflow: TextOverflow.fade,
  style: TextStyle(
    fontSize: 25.0,
    color: Colors.pink,
    decoration: TextDecoration.underline,
    decorationStyle: TextDecorationStyle.wavy,
  ),
);
}
}

效果如下：

image.png

参数解析

1.overflow 设置超出Text范围内的文字处理，默认是剪切，常用ellipsis 超出部分用 。。。代替 分别有clip（剪切）、fade（向下渐隐效果）、ellipsis（。。。）、visible（显示在容器之外）

2.textAlign TextAlign.center 居中显示（相对于Text本身） 默认居左 还有居右 这三种效果

3.maxLines ： 显示最大行数，

4.style： 文字风格设置 比如 color颜色 decoration标线，配合decorationStyle使用 可设置下划线 中划线 虚线等