0
点赞
收藏
分享

微信扫一扫

Flutter【组件】富文本组件

624c95384278 2024-06-25 阅读 34

简介

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

图片示例:

image.png
参数:

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

相关推荐

0 条评论