Flutter屏幕截图与分享插件native_screenshot_and_share的使用

Flutter屏幕截图与分享插件native_screenshot_and_share的使用

该插件适用于Android和iOS平台。

依赖项

在pubspec.yaml文件中添加以下依赖项：

dependencies:
  flutter_native_screenshot: ^1.1.2
  share_plus: 4.5.0
  path_provider: 2.0.5
  permission_handler: 8.3.0

安装

1. 打开pubspec.yaml文件，并在dependencies部分内添加以下行：

   native_screenshot_and_share: ^<latest_version>
   

   注意：请将<latest_version>替换为该插件的最新版本号。

2. Android平台

   在AndroidManifest.xml文件中添加以下权限：

   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
   <uses-permission android:name="android.permission.INTERNET"/>
   

   同时，在<application>标签中添加以下属性：

   android:requestLegacyExternalStorage="true"
   

3. iOS平台

   在Info.plist文件中添加以下权限描述：

   <key>NSPhotoLibraryAddUsageDescription</key>
   <string>用于保存截图到照片库。</string>
   

使用方法

1. 导入插件包：

   import 'package:native_screenshot_and_share/native_screenshot_and_share.dart';
   

2. 调用函数进行截图并分享。通常在按钮点击事件中调用：

   await Screenshot(context).shareScreenShot();
   

示例代码

以下是完整的示例代码，展示了如何使用该插件来实现屏幕截图和分享功能。

import 'package:flutter/material.dart';
import 'package:native_screenshot_and_share/native_screenshot_and_share.dart';
import 'package:video_player/video_player.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const MyHomePage(title: '截图并分享'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key? key, required this.title}) : super(key: key);

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late VideoPlayerController _controller;
  final String videoUrl =
      "https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4";

  [@override](/user/override)
  void initState() {
    // 初始化视频控制器
    _controller = VideoPlayerController.network(videoUrl)
      ..initialize().then((_) => setState(() {}));
    super.initState();
  }

  Widget _playPauseButton() {
    final bool isPlaying = _controller.value.isPlaying;
    return Padding(
      padding: const EdgeInsets.only(left: 30.0),
      child: FloatingActionButton(
        child: Icon(isPlaying ? Icons.pause : Icons.play_arrow),
        onPressed: () {
          setState(() {
            isPlaying ? _controller.pause() : _controller.play();
          });
        },
      ),
    );
  }

  Widget _screenshotAndShareButton() {
    return FloatingActionButton(
      onPressed: () async {
        await Screenshot(context).shareScreenShot();
      },
      child: Stack(
        children: const [
          Icon(
            Icons.camera,
            size: 50,
          ),
          Icon(
            Icons.share,
            color: Colors.blueGrey,
            size: 50,
          )
        ],
      ),
    );
  }

  Widget _floatingActionButton() {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        _playPauseButton(),
        _screenshotAndShareButton(),
      ],
    );
  }

  Widget _body() {
    return SingleChildScrollView(
      child: Column(
        children: [
          const Text('网络视频'),
          AspectRatio(
            aspectRatio: _controller.value.aspectRatio,
            child: VideoPlayer(_controller),
          ),
        ],
      ),
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(title: Text(widget.title)),
        body: _body(),
        floatingActionButton: _floatingActionButton(),
      ),
    );
  }
}