Flutter【组件】富文本组件

有趣的杰克2024-06-22 8:12

简介

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),
)

图片示例：

参数：

dart 复制代码

    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});
}