dynamic_text_highlighting 是一个用于在 Flutter 应用中实现动态文本高亮的插件。它允许你根据特定的关键词或正则表达式来高亮显示文本中的某些部分。以下是如何使用 dynamic_text_highlighting 插件的详细步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 dynamic_text_highlighting 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  dynamic_text_highlighting: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在你的 Dart 文件中导入 dynamic_text_highlighting 包：

import 'package:dynamic_text_highlighting/dynamic_text_highlighting.dart';

3. 使用 DynamicTextHighlighting 组件

DynamicTextHighlighting 是一个可以包裹文本的组件，它允许你指定需要高亮的关键词或正则表达式。

基本用法

以下是一个简单的例子，展示如何使用 DynamicTextHighlighting 来高亮文本中的某些关键词：

DynamicTextHighlighting(
  text: 'This is a sample text with some keywords like Flutter and Dart.',
  highlights: ['Flutter', 'Dart'],
  style: TextStyle(fontSize: 16, color: Colors.black),
  highlightStyle: TextStyle(fontSize: 16, color: Colors.blue, fontWeight: FontWeight.bold),
)

在这个例子中，text 是你要显示的文本，highlights 是一个包含需要高亮的关键词的列表，style 是文本的默认样式，highlightStyle 是高亮文本的样式。

使用正则表达式

你也可以使用正则表达式来匹配需要高亮的文本部分：

DynamicTextHighlighting(
  text: 'This is a sample text with some numbers like 123 and 456.',
  highlights: [r'\d+'],  // 匹配所有数字
  style: TextStyle(fontSize: 16, color: Colors.black),
  highlightStyle: TextStyle(fontSize: 16, color: Colors.red, fontWeight: FontWeight.bold),
)

在这个例子中，r'\d+' 是一个正则表达式，用于匹配文本中的所有数字。

自定义高亮逻辑

你还可以通过 highlightBuilder 参数来自定义高亮逻辑。highlightBuilder 是一个函数，它接收匹配的文本和索引，并返回一个 TextSpan：

DynamicTextHighlighting(
  text: 'This is a sample text with some keywords like Flutter and Dart.',
  highlights: ['Flutter', 'Dart'],
  style: TextStyle(fontSize: 16, color: Colors.black),
  highlightBuilder: (String text, int index) {
    return TextSpan(
      text: text,
      style: TextStyle(
        fontSize: 16,
        color: index == 0 ? Colors.blue : Colors.green,
        fontWeight: FontWeight.bold,
      ),
    );
  },
)

在这个例子中，highlightBuilder 根据匹配的索引来设置不同的颜色。

4. 完整示例

以下是一个完整的示例，展示了如何使用 dynamic_text_highlighting 插件：

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Dynamic Text Highlighting Example'),
        ),
        body: Center(
          child: DynamicTextHighlighting(
            text: 'This is a sample text with some keywords like Flutter and Dart.',
            highlights: ['Flutter', 'Dart'],
            style: TextStyle(fontSize: 16, color: Colors.black),
            highlightStyle: TextStyle(fontSize: 16, color: Colors.blue, fontWeight: FontWeight.bold),
          ),
        ),
      ),
    );
  }
}