flutter text属性

最新推荐文章于 2025-03-11 09:00:00 发布

fatkang

最新推荐文章于 2025-03-11 09:00:00 发布

阅读量906

点赞数

CC 4.0 BY-SA版权

分类专栏：学习记录文章标签： flutter text

本文链接：https://blog.youkuaiyun.com/qq_36187935/article/details/95209342

学习记录专栏收录该内容

10 篇文章

订阅专栏

这篇博客主要介绍了Flutter中Text组件的常用属性，特别是如何设置文本间行间距和利用TextSpan实现不同样式的文本显示，包括结合颜色和触控识别器的应用。

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
      ),

文本间行间距：
在这里插入图片描述
效果图：

textSpan
Text的文本内容只能按同一种样式，需要对一个Text内容的不同部分按照不同的样式显示，这时就可以使用TextSpan
Text.rich(TextSpan(
children: [
TextSpan(
text: "Home: "
),
TextSpan(
text: “https://flutterchina.club”,
style: TextStyle(
color: Colors.blue
),
recognizer: _tapRecognizer
),
]
))