Flutter内容阅读插件mina_reader的使用

Flutter内容阅读插件mina_reader的使用

在本教程中，我们将学习如何使用Flutter内容阅读插件mina_reader来创建一个可以阅读书籍的应用。mina_reader支持自动滚动文本、高亮文本、改变标签颜色等功能。

特性

• 自动滚动文本
• 高亮文本并添加颜色
• 用户可更改标签名称的颜色
• 对选定文本进行加粗、斜体、下划线处理
• 自动保存最后阅读的位置

Web支持

目前，mina_reader的高亮菜单功能尚未在Web端支持。

界面

• 书籍列表
• 章节
• 阅读设置

如何使用

首先，在你的项目中添加mina_reader依赖项到pubspec.yaml文件中：

dependencies:
  mina_reader: ^版本号

然后在你的main.dart文件中初始化mina_reader并构建应用：

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

void main() {
  // 初始化mina_reader
  MinaReader.initReader();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      home: Scaffold(
        body: BooksScreen(
          title: 'Books',
          booksAssetsFolder: "assets/books/",
          books: [
            Book(
              title: 'Asâ-yı Musa',
              assetFolder: 'asayi_musa',
              sections: [
                Section(
                  title: 'Mukaddimat',
                  fileName: 'mukaddimat.txt',
                ),
                Section(
                    title: 'Birinci Mesele', fileName: 'birinci_mesele.txt'),
                Section(
                  title: 'İkinci Mesele',
                  fileName: 'ikinci_mesele.txt',
                )
              ],
            ),
            Book(
              title: 'Sözler',
              sections: [
                Section(
                  title: 'Birinci Söz',
                  fileName: 'birinci_soz.txt',
                ),
                Section(title: 'İkinci Söz', fileName: 'ikinci_soz.txt'),
                Section(
                  title: 'Üçüncü Söz',
                  fileName: 'ucuncu_soz.txt',
                )
              ],
              assetFolder: 'sozler',
            ),
          ],
        ),
      ),
    );
  }
}

示例代码

以下是完整的示例代码：

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

void main() {
  // 初始化mina_reader
  MinaReader.initReader();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      home: Scaffold(
        body: BooksScreen(
          title: 'Books',
          booksAssetsFolder: "assets/books/",
          books: [
            Book(
              title: 'Asâ-yı Musa',
              assetFolder: 'asayi_musa',
              sections: [
                Section(
                  title: 'Mukaddimat',
                  fileName: 'mukaddimat.txt',
                ),
                Section(
                    title: 'Birinci Mesele', fileName: 'birinci_mesele.txt'),
                Section(
                  title: 'İkinci Mesele',
                  fileName: 'ikinci_mesele.txt',
                )
              ],
            ),
            Book(
              title: 'Sözler',
              sections: [
                Section(
                  title: 'Birinci Söz',
                  fileName: 'birinci_soz.txt',
                ),
                Section(title: 'İkinci Söz', fileName: 'ikinci_soz.txt'),
                Section(
                  title: 'Üçüncü Söz',
                  fileName: 'ucuncu_soz.txt',
                )
              ],
              assetFolder: 'sozler',
            ),
          ],
        ),
      ),
    );
  }
}