link_rich_text

pub package GitHub stars

Flutter plugin for hyperlinks and custom special characters rich text display.

Demo

demo

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  link_rich_text: 2.1.2

Use it

import 'package:link_rich_text/link_rich_text.dart';

Through LinkRichModel

Create model

_setLinkRichModel() async {
  // 对于性能要求高的场景，比如列表中，
  // 可在加载好数据的同时就设置好富文本模型（LinkRichModel）
  // 并将模型传入LinkRichText中，或将模型的textSpan属性传入RichText中显示

  // 添加特殊字符串
  List<SpecialStr> specialStrs = <SpecialStr>[];
  specialStrs.add(SpecialStr(
      text: '@我啊',
      type: 'user',
      style: TextStyle(fontSize: 15, color: Colors.blue)));
  specialStrs.add(SpecialStr(
      text: '@我啊啊',
      type: 'user',
      style: TextStyle(fontSize: 18, color: Colors.purple)));
  specialStrs.add(SpecialStr(
      text: '@一只鱼',
      type: 'user',
      style: TextStyle(fontSize: 15, color: Colors.orange)));
  specialStrs.add(SpecialStr(
      text: '@不老实的鸟',
      type: 'user',
      style: TextStyle(fontSize: 15, color: Colors.brown)));

  // 添加正则特殊字符串
  List<RegExpStr> regExpStrs = <RegExpStr>[];
  regExpStrs.add(RegExpStr(
      text: '#\\S*? ',
      type: '#',
      style: TextStyle(fontSize: 18, color: Colors.lightBlueAccent)));

  String text = '@一只鱼 控件打底可反#馈的 了老@我啊都放到裤积分 '
      '快进快手动，肯德的框架反馈的减@我啊啊肥看的积分基疯狂的发，'
      '发拉拉速度快积分@哈哈卢萨卡的积分禄口街道和你是谁 @不老实的鸟 ？是吗';

  // 创建并缓存富文本模型
  _linkRichModel = LinkRichModel(
    text,
    style: TextStyle(fontSize: 15, color: Colors.black),
    linkStyle: TextStyle(fontSize: 18, color: Colors.red),
    specialStrs: specialStrs,
    regExpStrs: regExpStrs,
    onTapSpecialStr: (String text, String type) {
      print('type = $type, text = $text');
    },
  );

  setState(() {});
}

Display rich text through the model

LinkRichText.fromModel(_linkRichModel!),

or

RichText(text: _linkRichModel!.textSpan),

Through LinkRichText directly

LinkRichText(
  text,
  style: TextStyle(fontSize: 15, color: Colors.black),
  linkStyle: TextStyle(fontSize: 15, color: Colors.blue),
  specialStrs: specialStrs,
  regExpStrs: regExpStrs,
  onTapSpecialStr: (String text, String type) {
    print('type = $type, text = $text');
    if (type == 'link') {
      launch(text);
    }
  },
)

Libraries

link_rich_text