Flutter屏幕截图插件flutter_native_screenshot的使用

插件介绍

Flutter Native Screenshot 是一个用于从当前活跃设备屏幕上获取截图的插件，它通过直接调用原生代码来实现这一功能。目前支持Android和iOS平台。

安装方法

1. 添加依赖

在项目的 pubspec.yaml 文件中添加如下依赖：

dependencies:
  flutter_native_screenshot: ^<最新版本号>

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

2. 平台特定配置

Android 配置

对于Android平台，需要在 AndroidManifest.xml 文件中添加以下权限声明：

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

同时，在 application 标签内添加属性：

android:requestLegacyExternalStorage="true"

iOS 配置

对于iOS平台，需在 Info.plist 文件中添加如下权限描述：

<key>NSPhotoLibraryAddUsageDescription</key>
<string>Take pretty screenshots and save it to the PhotoLibrary.</string>

使用示例

下面是一个完整的例子，展示了如何使用 flutter_native_screenshot 插件进行截图，并显示截取到的图片。

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_native_screenshot/flutter_native_screenshot.dart';
import 'package:permission_handler/permission_handler.dart';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Widget? _imgHolder;

  @override
  void initState() {
    super.initState();
    _imgHolder = Center(
      child: Icon(Icons.image),
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Native Screenshot'),
        ),
        bottomNavigationBar: ButtonBar(
          alignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              child: Text('Press to capture screenshot'),
              onPressed: () async {
                // 请求存储和照片库权限
                Map<Permission, PermissionStatus> resultPermission = await [
                  Permission.storage,
                  Permission.photos,
                ].request();

                final resultPermissionStorage = resultPermission[Permission.storage];
                final resultPermissionPhotos = resultPermission[Permission.photos];

                if (resultPermissionStorage == PermissionStatus.granted &&
                    resultPermissionPhotos == PermissionStatus.granted) {
                  _doTakeScreenshot();
                  return;
                } else {
                  _showSnackBar('Permission not granted');
                }
              },
            )
          ],
        ),
        body: Container(
          constraints: BoxConstraints.expand(),
          child: _imgHolder,
        ),
      ),
    );
  }

  void _showSnackBar(String message) {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text(message),
      ),
    );
  }

  void _doTakeScreenshot() async {
    String? path = await FlutterNativeScreenshot.takeScreenshot();
    debugPrint('Screenshot taken, path: $path');

    if (path == null || path.isEmpty) {
      _showSnackBar('Error taking the screenshot :(');
      return;
    }

    _showSnackBar('The screenshot has been saved to: $path');
    File imgFile = File(path);
    _imgHolder = Image.file(imgFile);
    setState(() {});
  }
}

注意事项

• 该插件不处理运行时权限检查，因此建议您使用 permission_handler 插件来确保应用拥有必要的权限。
• 在实际项目中，请根据需要调整UI布局和逻辑以适应您的应用场景。