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

本是古典何须时尚 2021-07-24 14:37 227阅读 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 条评论，227人围观）

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

相关阅读

相关 Flutter Dart 代码片段

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

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

相关 Flutter RichText 富文本标签样式局部文字点击事件

> 在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就

待我称王封你为后i/ 2023年10月07日 15:19/ 0 赞/ 57 阅读

相关常用的几个富文本编辑器软件

1-Subline 收费软件；第一感受是它的主题视觉化效果很炫；找开后，顿时感觉自己迈上了顶级程序员之路。丰富的主题样式可以让你在装逼的道路上走的更远。功能上支持常用的

深碍√TFBOYSˉ_/ 2023年06月13日 11:10/ 0 赞/ 16 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关寂寞的十五个片段

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

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

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

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

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