Flutter文本可读性优化插件readability的使用

Flutter文本可读性优化插件readability的使用

readability 是一个用于Flutter的应用程序的插件，它封装了原生的Readability库，适用于Android和iOS平台。该插件可以用来解析文章并提取文章的主要内容。

使用方法

只需调用 parseAsync 方法，并传入你想要解析的文章的URL。该方法返回一个包含文章标题、内容和摘要的 Article 对象。

import 'package:readability/readability.dart' as readability;

final result = await readability.parseAsync('https://example.com/article');
print(result.title);
print(result.textContent);

完整示例

以下是一个完整的示例，展示了如何在Flutter应用程序中使用 readability 插件。

示例代码

import 'package:flutter/material.dart';
import 'package:readability/article.dart';
import 'dart:async';

import 'package:readability/readability.dart' as readability;

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late Future<Article> readabilityResult;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 解析指定的URL
    readabilityResult = readability.parseAsync('https://www.bbc.com/sport/football/articles/cl7y4z82z2do');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    const textStyle = TextStyle(fontSize: 25);
    const spacerSmall = SizedBox(height: 10);
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Native Packages'),
        ),
        body: SingleChildScrollView(
          child: Container(
            padding: const EdgeInsets.all(10),
            child: Column(
              children: [
                // 使用FutureBuilder来异步获取数据
                FutureBuilder<Article>(
                  future: readabilityResult,
                  builder: (BuildContext context, AsyncSnapshot<Article> value) {
                    final textContent =
                        (value.hasData) ? value.data?.textContent : 'loading';
                    final title = 
                        (value.hasData) ? value.data?.title : 'loading';

                    return Column(
                      children: [
                        // 显示文章标题
                        Text(
                          title ?? '',
                          style: const TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
                        ),
                        spacerSmall,
                        // 显示文章内容
                        Text(
                          textContent ?? '',
                          style: textStyle,
                        ),
                      ],
                    );
                  },
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}