Flutter Twitter内容提取插件twitter_extractor的使用

Flutter Twitter内容提取插件twitter_extractor的使用

此插件允许你从给定的链接中提取推文。

特性

• 获取视频
• 获取图片

示例

Twitter tweet = await  TwitterExtractor.extract("<tweet url>");

完整示例代码

以下是一个完整的示例代码，展示了如何使用 twitter_extractor 插件来获取并展示推文中的视频和图片信息。

import 'dart:developer';

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

void main() {
  runApp(
    const MaterialApp(
      home: MainApp(),
    ),
  );
}

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

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

class _MainAppState extends State<MainApp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder(
        future: TwitterExtractor.extract(
          "https://twitter.com/mspoweruser/status/1453107912314871810/photo/1",
        ),
        builder: (context, AsyncSnapshot<Twitter> snapshot) {
          // 如果数据已加载完成
          if (snapshot.hasData) {
            Twitter tweet = snapshot.data!;

            // 展示视频缩略图和文本
            return Center(
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  CircleAvatar(
                    child: Image.network(tweet.videos.first.thumb), // 显示视频缩略图
                  ),
                  Text(tweet.videos.first.text), // 显示视频文本
                ],
              ),
            );
          }

          // 如果正在加载数据，则显示加载指示器
          return const Center(
            child: CircularProgressIndicator(),
          );
        },
      ),
    );
  }
}

解释

1. 导入必要的库：

   import 'dart:log';
   import 'package:flutter/material.dart';
   import 'package:twitter_extractor/twitter_extractor.dart';
   

2. 创建主应用：

   void main() {
     runApp(
       const MaterialApp(
         home: MainApp(),
       ),
     );
   }
   

3. 定义主应用状态类：

   class MainApp extends StatefulWidget {
     const MainApp({Key? key}) : super(key: key);
   
     @override
     _MainAppState createState() => _MainAppState();
   }
   

4. 定义状态类并实现构建方法：

   class _MainAppState extends State<MainApp> {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         body: FutureBuilder(
           future: TwitterExtractor.extract(
             "https://twitter.com/mspoweruser/status/1453107912314871810/photo/1",
           ),
           builder: (context, AsyncSnapshot<Twitter> snapshot) {
             // 检查是否有数据
             if (snapshot.hasData) {
               Twitter tweet = snapshot.data!;
   
               // 展示视频缩略图和文本
               return Center(
                 child: Column(
                   mainAxisSize: MainAxisSize.min,
                   children: [
                     CircleAvatar(
                       child: Image.network(tweet.videos.first.thumb),
                     ),
                     Text(tweet.videos.first.text),
                   ],
                 ),
               );
             }
   
             // 正在加载数据时显示加载指示器
             return const Center(
               child: CircularProgressIndicator(),
             );
           },
         ),
       );
     }
   }