Flutter正则表达式文本处理插件regexed_text的使用

RegexedText

该插件扩展了Text小部件，为匹配给定正则表达式模式的部分文本提供高亮显示功能。

关键特性

• 高亮显示文本中匹配特定模式的部分。每个模式可以有自己的独特样式。
• 处理与匹配模式部分文本的点击事件。
• 扩展Flutter Text小部件的功能。

安装

在你的pubspec.yaml文件中添加以下依赖项：

dependencies:
  regexed_text: ^0.0.7

然后运行flutter pub get以安装包。

使用

基本用法

import 'package:flutter/material.dart';
import 'package:regexed_text/regexed_text.dart';

const longTextExample = """
Hello [@johnDoe](/user/johnDoe), I found this interesting website that you might like: https://www.example.com. It has a lot of useful resources. Also, check out www.another-example.com for more related content. By the way, I came across [@janeDoe](/user/janeDoe) profile, and it seems she has similar interests. You can connect with her. Lastly, don't forget to visit example.com for the latest updates.

You can reach out to me at john.doe@example.com. I'm always open to discussing new ideas. Also, did you check out the latest trend on social media? The hashtag #example is trending right now!

By the way, I found this phone number +1-123-456-7890 in my old contacts. I think it belongs to our mutual friend. And, don't forget our meeting on 12/31/2022. Looking forward to it!
""";

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('RegexedText example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(18),
          child: RegexedText(
            longTextExample,
            patterns: [
              usernamePattern, // 用户名模式
              urlPattern, // URL模式
              emailPattern, // 邮箱模式
              hashtagPattern, // 标签模式
              phoneNumberPattern, // 电话号码模式
              datePattern, // 日期模式
            ],
            normalStyle: const TextStyle(color: Colors.black), // 普通文本样式
            regexedStyle: (pattern) {
              // 根据不同模式设置不同的样式
              if (pattern == usernamePattern) {
                return const TextStyle(
                  color: Colors.red,
                  fontWeight: FontWeight.w600,
                );
              }

              if (pattern == hashtagPattern) {
                return const TextStyle(
                  color: Colors.blue,
                  fontWeight: FontWeight.w600,
                );
              }

              if (pattern == datePattern) {
                return const TextStyle(
                  color: Colors.black,
                  fontWeight: FontWeight.w600,
                );
              }

              return const TextStyle(
                color: Colors.blue,
                decoration: TextDecoration.underline,
              );
            },
            onTap: (text, pattern) {
              print(text);
              print(pattern);

              if (pattern == urlPattern) {
                // 启动URL
                // 可以使用url_launcher或其他方法来打开链接
              }
            },
          ),
        ),
      ),
    );
  }
}