Flutter Share Widget as Screenshot

在本指南中，我们将学习如何使用外部包 share_screenshot_widget 在 Flutter 中实现屏幕截图分享。这个插件允许 Flutter 应用程序分享屏幕截图。例如，当你需要分享屏幕截图时，这个包将帮助你实现这一功能。在本示例中，我们将展示如何在 Flutter 中分享小部件。

使用方法

首先，在你的 pubspec.yaml 文件中添加 share_screenshot_widget 作为依赖项。

dependencies:
  share_screenshot_widget: ^0.0.5

不要忘记运行 flutter pub get。

然后导入：

import 'package:share_screenshot_widget/share_screenshot_widget.dart';

现在你可以使用其小部件来分享文本或屏幕截图。

分享文本为图片

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  
  // 添加 GlobalKey
  final GlobalKey globalKey = GlobalKey();
  
  @override
  Widget build(BuildContext context) {
    // 添加 ShareTextAsImage 小部件
    return GestureDetector(
      onTap: () {
        shareWidgets(globalKey: globalKey);
      },
      child: ShareTextAsImage(
        globalKey: globalKey,
        child: Text('Share Text As Image.'),
      ),
    );
  }
}

分享屏幕截图为图片

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  
  // 添加 GlobalKey
  final GlobalKey globalKey = GlobalKey();
  
  @override
  Widget build(BuildContext context) {
    // 添加 ShareScreenshotAsImage 小部件
    return GestureDetector(
      onTap: () {
        shareWidgets(globalKey: globalKey);
      },
      child: ShareScreenshotAsImage(
        globalKey: globalKey,
        child: Text('Share Screenshot As Image.'),
      ),
    );
  }
}

分享小部件为截图

// 添加 shareWidgets 函数
void shareWidgets() {
  shareWidgets(globalKey: globalKey);
}

分享字符串

void shareString() {
  // 调用 shareString 函数
  shareString(text: "Share String", subject: 'subject');
}

分享文件

void shareFile() {
  // 调用 shareFile 函数
  shareFile(file: file, subject: 'subject');
}

示例

简单的使用示例可以在 example 文件夹 中找到。

移动平台（Android 和 iOS）

在 WhatsApp、Telegram、Instagram 和 Facebook Messenger 等应用中分享小部件截图。

参与贡献

欢迎参与贡献。请参阅 贡献指南。你也可以查看 状态跟踪器 了解当前或待办的功能/问题信息。

Powered By Hassan Tanoma

完整示例代码

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Share screenshot widget',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Share screenshot widget'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  ShareWidgets sharing = ShareWidgets();
  final GlobalKey globalKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: ShareScreenshotAsImage(
          globalKey: globalKey,
          child: const Text(
            'Share screenshot widget.',
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async {
          sharing.shareWidgets(globalKey: globalKey);
        },
        child: const Icon(Icons.share),
      ),
    );
  }
}

以上代码展示了如何在 Flutter 中使用 share_screenshot_widget 插件来分享小部件的屏幕截图。希望对你有所帮助！