Flutter富文本展示插件rich_text_widget的使用

Flutter富文本展示插件rich_text_widget的使用

富文本在许多应用中都是必需的功能，而Flutter也提供了富文本功能。然而，对于多语言应用来说，使用RichText可能会比较复杂甚至无法直接使用。
因此，rich_text_widget插件应运而生，它简单易用，无需手动拆分字符串。

示例代码

以下是一个完整的示例代码，展示了如何使用rich_text_widget来实现富文本展示：

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

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

class MyApp extends StatelessWidget {
  // 应用根组件
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter 富文本示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("富文本示例"),
        ),
        body: Center(
          child: Container(
            margin: EdgeInsets.fromLTRB(30, 0, 30, 0),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Expanded(
                  child: RichTextWidget(
                    // 默认文本
                    Text(
                      '我同意《服务条款》和《隐私政策》',
                      style: TextStyle(color: Colors.black),
                    ),
                    // 富文本列表
                    richTexts: [
                      BaseRichText(
                        "《服务条款》", // 点击后触发的文本
                        style: TextStyle(color: Colors.yellow), // 自定义样式
                        onTap: () => {print("点击了服务条款")}, // 点击事件
                      ),
                      BaseRichText(
                        "《隐私政策》", // 点击后触发的文本
                        style: TextStyle(color: Colors.red), // 自定义样式
                        onTap: () => {print("点击了隐私政策")}, // 点击事件
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}