Flutter文本查看插件flutter_text_viewer的使用

flutter_text_viewer 是一个简单的文本查看包，用于从资源、文件加载和搜索文本。

功能特性

• 从assets/file或字符串加载文本
• 查看文本
• 搜索文本

开始使用

添加依赖

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

dependencies:
  flutter_text_viewer: ^0.0.4

然后运行 flutter pub get 来安装这个包。

导入库

在 Dart 文件中导入这个库：

import 'package:flutter_text_viewer/flutter_text_viewer.dart';

使用示例

下面是一个完整的示例，展示了如何使用 flutter_text_viewer 插件来创建一个可以加载和搜索文本的应用程序。

示例代码

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'TextViewer Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('TextViewer Demo'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            Navigator.push(context, MaterialPageRoute(
              builder: (context) {
                return TextViewerPage(
                  textViewer: TextViewer.asset(
                    'assets/test.txt', // 确保此路径指向你项目中的文本文件
                    highLightColor: Colors.yellow, // 高亮颜色
                    focusColor: Colors.orange, // 聚焦颜色
                    ignoreCase: true, // 忽略大小写
                    onErrorCallback: (error) {
                      // 错误处理
                      if (kDebugMode) {
                        print("Error: $error");
                      }
                    },
                  ),
                  showSearchAppBar: true, // 是否显示搜索栏
                );
              },
            ));
          },
          child: const Text('Load asset text'),
        ),
      ),
    );
  }
}

运行效果

点击按钮后，会导航到一个新的页面，该页面显示从指定的 assets 文件中加载的文本，并提供搜索功能。你可以通过修改 assets/test.txt 的路径来加载不同的文本文件。

待办事项

• 分页处理大文本文件
• 增强 AppBar 功能

注意事项

如果你有任何问题、反馈或想法，欢迎创建一个issue。如果你喜欢这个项目，请在 GitHub 上给它一个🌟。

支持作者

如果你觉得这个插件对你有帮助，可以通过 Buy Me a Coffee 支持作者。

希望以上内容能帮助你更好地理解和使用 flutter_text_viewer 插件！