Flutter【组件】富文本组件

简介

flutter 富文本组件。
github地址： https://github.com/ThinkerJack/jac_uikit
pub地址：https://pub.dev/packages/jac_uikit

使用方式

运行

flutter pub add jac_uikit

组件文档

使用方式：

HighlightedTextWidget.builder(
  text: "全部文案包含高亮文案测试用",
  highlights: [
    HighlightWord(
      "文案",
      () {
        print("文案");
      },
      highlightStyle: TextStyle(color: Colors.red),
    ),
    HighlightWord("含", () {
      print("含");
    }),
    HighlightWord("测试", () {
      print("测试");
    }),
  ],
  defaultTextStyle: TextStyle(color: Colors.black, fontSize: 16),
  defaultHighlightStyle: TextStyle(color: Colors.cyanAccent, fontSize: 16),
)

图片示例：

参数：

    required String text,//全部文本内容
    List<HighlightWord> highlights = const [],//高亮数据集合
    TextStyle? defaultTextStyle,//默认文本样式
    TextStyle? defaultHighlightStyle,//高亮文本样式
    int maxLines = 5,//最大行数
    TextOverflow overflow = TextOverflow.ellipsis,//文本超出样式

class HighlightWord {
  final String word;//文字内容
  final VoidCallback onTap;//点击事件
  final TextStyle? highlightStyle;//高亮样式

  HighlightWord(this.word, this.onTap,{ this.highlightStyle});
}

原文地址：https://blog.csdn.net/weixin_42731928/article/details/139767628

免责声明：本站文章内容转载自网络资源，如侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！