美文网首页
Flutter 自定义富文本组件

Flutter 自定义富文本组件

作者: 出来遛狗了 | 来源:发表于2020-08-07 14:06 被阅读0次

    好用的flutter富文本库。
    富文本是很多App都需要的,而且Flutter也提供了富文本功能,但是对于做多语言的APP来说,RichText并不好用,或者说不能用,
    今天就给大家推荐一个第三方库 rich_text_widget

    使用起来简单又方便,不用分割字符串
    具体使用方法参考如下

    RichTextWidget(
          // default Text
          Text(
            'You have pushed the button this many times:',
            style: TextStyle(color: Colors.black),
          ),
          // rich text list
          richTexts: [
            BaseRichText(
              "pushed",
              style: TextStyle(color: Colors.yellow),
              onTap: () => {print("touch pushed")},
            ),
            BaseRichText(
              "button",
              style: TextStyle(color: Colors.red),
              onTap: () => {print("touch button")},
            ),
          ],
        )
    

    展示效果如下


    1350306-2b5cdcf7b2864f8f.png

    参数说明

    RichTextWidget:

    Name type
    defaultText Text
    richTexts List <BaseRichText>
    caseSensitive bool (defalut = true)

    BaseRichText:

    Name type
    data String
    style TextStyle
    onTap Function

    相关文章

      网友评论

          本文标题:Flutter 自定义富文本组件

          本文链接:https://www.haomeiwen.com/subject/mgsfdktx.html