Flutter-Text使用

Flutter-Text使用

Text定义

在编译器里面点击Text这个Widget进入查看，可以看到Text是属于StatelessWidget，也就是不可变的widget；可以看出Text的声明方式

const Text(
    this.data, {//要展示的数据内容，必须填写的参数
    Key key,
    this.style,//text类型，一般使用TextStyle
    this.strutStyle,//StrutStyle,影响Text在垂直方向上的布局
    this.textAlign,//TextAlign,内容对齐方式
    this.textDirection,//TextDirection,内容的走向方式
    this.locale,//Locale，当相同的Unicode字符可以根据不同的地区以不同的方式呈现时，用于选择字体 
    this.softWrap,//bool 文本是否应在软换行时断行
    this.overflow,//TextOverflow，内容溢出时的处理方式
    this.textScaleFactor,//double 设置文字的放大缩小，例如，fontSize=10，this.textScaleFactor=2.0，最终得到的文字大小为10*2.0
    this.maxLines,//int 设置文字的最大展示行数
    this.semanticsLabel,//string,语义描述标签，相当于此text的别名
    this.textWidthBasis,//TextWidthBasis 测量一行或多行文本宽度
})

Text使用

Text的使用还是很简单的

Text(
    r'我是一个Text，我是一个Text，我是一个Text，我是一个Text，我是一个Text，我是一个Text，',//展示的文本内容
//        textAlign: TextAlign.left,//文字左对齐,跟textDirection容易起冲突
    maxLines: 2,/最大展示行数
    overflow: TextOverflow.clip,//溢出文字的展示方式，clip直接截取，fade淡化溢出的文字，allipsis使用。。。的方式展示溢出文字，visible，直接超出展示文字，不进行截取
    semanticsLabel: 'Double dollars',//取别名
    textDirection: TextDirection.rtl,//文字从右到左展示
    style: TextStyle(//设置样式
		color: Colors.red,//设置字体颜色
      backgroundColor: Colors.black,//设置背景色
      fontSize: 20.0,//设置字体大小
      fontWeight: FontWeight.bold,//设置字体粗细
      fontFamily: ''//设置字体名称
    	),
  	),

现在运行下，看看效果。后续请根据个人需求进行修改