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

待我称王封你为后i 2023-10-07 15:19 56阅读 0赞

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

*  [优美的音乐节奏带你浏览这个效果的编码过程][Link 1]
 *  [坚持每一天，是每个有理想青年的追求][Link 2]
 *  [追寻年轻人的脚步，也许你的答案就在这里][Link 3]

--------------------

//协议说明文案
      String userPrivateProtocol =
          "我们一向尊重并会严格保护用户在使用本产品时的合法权益（包括用户隐私、用户数据等）不受到任何侵犯。本协议（包括本文最后部分的隐私政策）是用户（包括通过各种合法途径获取到本产品的自然人、法人或其他组织机构，以下简称“用户”或“您”）与我们之间针对本产品相关事项最终的、完整的且排他的协议，并取代、合并之前的当事人之间关于上述事项的讨论和协议。本协议将对用户使用本产品的行为产生法律约束力，您已承诺和保证有权利和能力订立本协议。用户开始使用本产品将视为已经接受本协议，请认真阅读并理解本协议中各种条款，包括免除和限制我们的免责条款和对用户的权利限制（未成年人审阅时应由法定监护人陪同），如果您不能接受本协议中的全部条款，请勿开始使用本产品";

![在这里插入图片描述][2020121211440981.png_pic_center]

///构建富文本
      RichText buildRichText() {
        
        return RichText(
          //文字居中
          textAlign: TextAlign.center,
          //文字区域
          text: TextSpan(
            text: "请您本产品之前，请务必仔细阅读并理解",
            style: TextStyle(color: Colors.grey),
            children: [
              TextSpan(
                text: "《用户协议》",
                style: TextStyle(color: Colors.blue),
                //点击事件
                recognizer: _registProtocolRecognizer
                  ..onTap = () {
        
                    //打开用户协议
                    openUserProtocol();
                  },
              ),
              TextSpan(
                text: "与",
                style: TextStyle(color: Colors.grey),
              ),
              TextSpan(
                text: "《隐私协议》",
                style: TextStyle(color: Colors.blue),
                //点击事件
                recognizer: _privacyProtocolRecognizer
                  ..onTap = () {
        
                    //打开隐私协议
                    openPrivateProtocol();
                  },
              ),
              //后续显示的文本内容
              TextSpan(text: userPrivateProtocol)
            ],
          ),
        );
      }

局部文字点击事件

TapGestureRecognizer _registProtocolRecognizer;
      TapGestureRecognizer _privacyProtocolRecognizer;
    
      ///生命周期函数 页面创建时执行一次
      @override
      void initState() {
        
        super.initState();
        //注册协议的手势
        _registProtocolRecognizer = TapGestureRecognizer();
        //隐私协议的手势
        _privacyProtocolRecognizer = TapGestureRecognizer();
      }
    
      ///生命周期函数 页面销毁时执行一次
      @override
      void dispose() {
        
        super.dispose();
    
        ///销毁
        _registProtocolRecognizer.dispose();
        _privacyProtocolRecognizer.dispose();
      }

[Link 1]: https://www.zhihu.com/zvideo/1313903176165351424
[Link 2]: https://www.ixigua.com/6900018293596226059/
[Link 3]: https://www.bilibili.com/video/BV1Nt4y1v7mc/
[2020121211440981.png_pic_center]: https://img-blog.csdnimg.cn/2020121211440981.png#pic_center