欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter-Text使用

程序员文章站 2022-05-30 17:32:28
...

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: ''//设置字体名称
    	),
  	),

现在运行下,看看效果。后续请根据个人需求进行修改
Flutter-Text使用

相关标签: Flutter专题