Flutter维基百科数据获取插件wikipedia_api的使用

发布于 1周前 作者 yuanlaile 来自 Flutter

好的，以下是Flutter维基百科数据获取插件wikipedia_api的完整示例demo：

import 'package:wikipedia_api/api.dart';

void main() async {
  // 创建CitationApi实例
  final api_instance = CitationApi();

  // 设置格式、查询和接受语言
  final format = 'json'; // 示例：使用JSON格式
  final query = 'example_query'; // 示例：查询文章标题
  final acceptLanguage = 'en'; // 示例：设置为英语

  try {
    // 调用getCitation方法获取数据
    final result = await api_instance.getCitation(format, query, acceptLanguage);

    // 打印结果
    print(result);
  } catch (e) {
    print('Exception when calling CitationApi->getCitation: $e\n');
  }
}

更多关于Flutter维基百科数据获取插件wikipedia_api的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

Harmonyos Next教程
1 回复

更多关于Flutter维基百科数据获取插件wikipedia_api的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是如何在Flutter应用中使用wikipedia_api插件来获取维基百科数据的示例代码。这个插件允许你通过维基百科的API查询数据。

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

dependencies:
  flutter:
    sdk: flutter
  wikipedia_api: ^0.2.0  # 请检查最新版本号

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

接下来，在你的Flutter项目中，你可以按照以下步骤使用wikipedia_api插件。

示例代码

  1. 创建一个Flutter项目（如果你还没有项目的话）。

  2. 更新main.dart文件：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Wikipedia API Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: WikipediaPage(),
    );
  }
}

class WikipediaPage extends StatefulWidget {
  @override
  _WikipediaPageState createState() => _WikipediaPageState();
}

class _WikipediaPageState extends State<WikipediaPage> {
  String searchQuery = "";
  String searchResult = "";

  void fetchWikipediaData() async {
    Wikipedia wikipedia = Wikipedia(language: 'en');

    try {
      var response = await wikipedia.search(searchQuery);
      if (response.items.isNotEmpty) {
        var pageId = response.items.first.pageid;
        var pageSummary = await wikipedia.pageSummary(pageId);
        setState(() {
          searchResult = pageSummary.extract;
        });
      } else {
        setState(() {
          searchResult = "No results found.";
        });
      }
    } catch (e) {
      setState(() {
        searchResult = "Error fetching data: $e";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Wikipedia Search'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            TextField(
              decoration: InputDecoration(
                labelText: 'Search',
                border: OutlineInputBorder(),
              ),
              onChanged: (value) {
                searchQuery = value;
              },
            ),
            SizedBox(height: 16.0),
            ElevatedButton(
              onPressed: fetchWikipediaData,
              child: Text('Search'),
            ),
            SizedBox(height: 16.0),
            Text(
              searchResult,
              style: TextStyle(fontSize: 18.0),
            ),
          ],
        ),
      ),
    );
  }
}

解释

  1. 依赖导入：

    • 导入wikipedia_api包和Flutter的material包。

  2. UI结构：

    • 创建一个简单的Flutter应用，包括一个输入框用于搜索，一个按钮用于触发搜索，以及一个文本区域用于显示搜索结果。

  3. 搜索功能：

    • 在fetchWikipediaData函数中，创建一个Wikipedia实例，并调用search方法获取搜索结果。
    • 如果搜索结果不为空，获取第一个结果的页面ID，然后调用pageSummary方法获取页面的摘要。
    • 将摘要内容显示在文本区域中。

  4. 错误处理：

    • 使用try-catch块来捕获并处理可能发生的错误。

你可以运行这个示例代码，并在搜索栏中输入关键词，点击搜索按钮，查看搜索结果。确保你的网络连接正常，因为wikipedia_api需要访问互联网来获取数据。

回到顶部