Flutter 自定义富文本组件

好用的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
caseSensitive bool (defalut = true)

BaseRichText:

Name type
data String
style TextStyle
onTap Function

你可能感兴趣的:(Flutter 自定义富文本组件)