flutter text属性

text常用属性记录

      Text("text文本样式联系 hello world",
      textAlign: TextAlign.center,
      maxLines: 1,
      overflow: TextOverflow.ellipsis,//溢出显示 clip剪裁fade 渐隐ellipsis省略号
 //   textDirection: TextDirection.ltr,//文本方向
      softWrap: false,//是否自动换行 false 单行显示 超出屏幕部分将默认截断处理
      textScaleFactor: 1,//放大倍数显示
      style:  TextStyle(
      decorationColor: Colors.amber,//线的颜色
    //lineThrough删除线   overline文字上面显示线   underline文字下面显示线
//    decoration: TextDecoration.lineThrough,
    //solid实现 double两条 dashed dotted虚线 wavy 波浪线
      decorationStyle: TextDecorationStyle.wavy,
      wordSpacing: 0.0,//单词间的距离
      letterSpacing: 0.0,//字符间的距离
      fontStyle: FontStyle.italic,//斜体
      background:pg,
      fontWeight: FontWeight.bold,
     color: Colors.blue
      ),

文本间行间距:
flutter text属性_第1张图片
效果图:
flutter text属性_第2张图片
textSpan
Text的文本内容只能按同一种样式,需要对一个Text内容的不同部分按照不同的样式显示,这时就可以使用TextSpan
Text.rich(TextSpan(
children: [
TextSpan(
text: "Home: "
),
TextSpan(
text: “https://flutterchina.club”,
style: TextStyle(
color: Colors.blue
),
recognizer: _tapRecognizer
),
]
))

你可能感兴趣的:(学习记录,flutter,text)