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

图片示例:

参数:

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});
}
相关推荐
雨白25 分钟前
Jetpack系列(三):Room数据库——从增删改查到数据库平滑升级
android·android jetpack
花王江不语3 小时前
android studio 配置硬件加速 haxm
android·ide·android studio
江太翁5 小时前
mediapipe流水线分析 三
android·mediapipe
与火星的孩子对话6 小时前
Unity进阶课程【六】Android、ios、Pad 终端设备打包局域网IP调试、USB调试、性能检测、控制台打印日志等、C#
android·unity·ios·c#·ip
tmacfrank7 小时前
Android 网络全栈攻略(四)—— TCPIP 协议族与 HTTPS 协议
android·网络·https
fundroid8 小时前
Kotlin 协程:Channel 与 Flow 深度对比及 Channel 使用指南
android·kotlin·协程
草字8 小时前
cocos 打包安卓
android
DeBuggggggg9 小时前
centos 7.6安装mysql8
android
浩浩测试一下10 小时前
渗透信息收集- Web应用漏洞与指纹信息收集以及情报收集
android·前端·安全·web安全·网络安全·安全架构
移动开发者1号11 小时前
深入理解原子类与CAS无锁编程:原理、实战与优化
android·kotlin