flutter 富文本RichText(将完整的字符串分成几个片段，每个片段都可以有自己的样式和事件)

本是古典何须时尚 2021-07-24 14:37 198阅读 0赞

富文本
    
        RichText(
            text: TextSpan(
              text: ‘文本内容’,    此内容作为根内容和其他字符串连在一起，也可也不写，在children中的TextSpan中写，则会变成兄弟内容和其他字符串连在一起
              style: TextStyle(),  样式
              recognizer: TapGestureRecognizer()..点击回调=(){xxx}    该段文字的点击回调函数
              children: [
                TextSpan(
                  text:"和根字符串连接在一起的字符串",
                  style: TextStyle(),  样式
                  recognizer: TapGestureRecognizer()..点击回调=(){xxx}  该段文字的点击回调
                )
              ]
            ),
      )

代码示例:

RichText(
    	    text: TextSpan(
    	      text: "abcd".substring(0,2), //截取
    	      style: TextStyle(
    	        color: Colors.black,
    	        fontWeight: FontWeight.w900
    	      ),
    	      children: [
    	        TextSpan(
    	          text:"adawdawwad",
    	          style: TextStyle(color: Colors.grey),
    	          recognizer: TapGestureRecognizer()..onTap=(){ print('dj');} //点击事件
    	        )
    	      ]
        ),
      )

效果图:  
![在这里插入图片描述][20200427171312857.png]

[20200427171312857.png]: /images/20210724/f941398ad5414096b624ab7205261849.png

发表评论取消回复

表情：

评论列表（有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter Dart 代码片段

）AndroidStudio添加dart代码片段 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_...

我会带着你远行/ 2024年04月18日 22:11/ 0 赞/ 26 阅读

相关几个简单代码片段-- Google C++ style guide

欧洲杯，德国VS意大利。战车遇到浪漫之师，结果如何？ Who Cares!!! 开球之前，review一下近期写的代码，发现一些代码写的不是很规范。于是，重新温习一下 G

蔚落/ 2022年09月23日 03:38/ 0 赞/ 141 阅读

相关 20个简洁的 JS 代码片段

大家好，我是漫步，今天分享一些简洁的JS代码写法，希望对你有所帮助。 …… 1、单行 If-Else 语句这是许多编程语言的共同特征。你可以使用三元运算符用一

「爱情、让人受尽委屈。」/ 2022年08月30日 11:28/ 0 赞/ 155 阅读

相关内核代码中和用户栈相关的几个片段

今天突然脑子里面几处知识点大串联，貌似是迸发出了些许思维的火花，以前一直感觉模模糊糊的有关用户栈的大小限制、栈是怎么自动扩展等问题，通过对照以前看过的内核代码的一些关键片段，似

秒速五厘米/ 2022年08月25日 14:53/ 0 赞/ 53 阅读

相关文60个有用CSS代码片段

![CSS snippet][] 1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个

清疚/ 2022年08月05日 00:42/ 0 赞/ 3216 阅读

相关几个非常实用的JQuery代码片段

![20190613212136579.png][] jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更

一时失言乱红尘/ 2022年01月16日 02:23/ 0 赞/ 282 阅读

相关可以直接拿来用的15个jQuery代码片段

jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验。本文收集

柔情只为你懂/ 2022年01月06日 14:53/ 0 赞/ 172 阅读

相关可以直接拿来用的15个jQuery代码片段

参考地址：[http://www.csdn.net/article/2013-07-16/2816238-15-jQuery-Code-Snippets-for-Develop

淩亂°似流年/ 2021年12月20日 14:25/ 0 赞/ 210 阅读

相关寂寞的十五个片段

曾经以为没有朋友就是寂寞，后来渐渐的明白，有了朋友，也会产生寂寞的，那是心灵的寂寞。有一本书上摘录了寂寞的十五个片段：　　一　　我

￡神魔★判官ぃ/ 2021年11月11日 23:02/ 0 赞/ 243 阅读

相关 flutter 富文本RichText(将完整的字符串分成几个片段，每个片段都可以有自己的样式和事件)

富文本 RichText( text: TextSpan( text: ‘文本内容’,

本是古典何须时尚/ 2021年07月24日 14:37/ 0 赞/ 199 阅读