Flutter截图检测插件screenshot_detect的使用

Flutter截图检测插件screenshot_detect的使用

这是一款仅适用于iOS平台的插件，用于检测用户何时通过UIApplication.userDidTakeScreenshotNotification截取屏幕。该插件受到了此包的启发。

开始使用

1. 导入插件

   import 'package:screenshot_detect/screenshot_detect.dart';
   

2. 创建一个ScreenshotDetect实例

   final ScreenshotDetect screenshotDetect = ScreenshotDetect();
   

3. 添加监听器

   screenshotDetect.addListener(() {
     print('已截屏');
     exampleFunction();
   });
   

4. 在完成时释放资源

   [@override](/user/override)
   void dispose() {
     screenshotDetect.dispose();
     super.dispose();
   }
   

示例代码

以下是一个完整的示例代码，展示了如何使用screenshot_detect插件。

import 'dart:async';
import 'dart:typed_data';
import 'dart:ui' as ui;

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:screenshot_detect/screenshot_detect.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // 创建一个ScreenshotDetect实例
  final ScreenshotDetect screenshotDetect = ScreenshotDetect();
  
  // 定义一个全局键，用于获取渲染边界
  var screenshotKey = GlobalKey();
  
  // 保存最新截图的Uint8List
  Uint8List? latestImage;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化截图回调
    initScreenshotCallback();
  }

  [@override](/user/override)
  void dispose() {
    // 释放资源
    screenshotDetect.dispose();
    super.dispose();
  }

  Future<void> initScreenshotCallback() async {
    // 添加监听器，当截屏时执行screenshot方法
    screenshotDetect.addListener(() {
      screenshot();
    });
  }

  // 截图方法
  void screenshot() async {
    // 延迟20毫秒
    await Future.delayed(const Duration(milliseconds: 20), () async {
      // 获取当前上下文中的渲染边界
      RenderRepaintBoundary? boundary = screenshotKey.currentContext!
          .findRenderObject() as RenderRepaintBoundary?;
      
      // 将渲染边界转换为图像
      ui.Image image = await boundary!.toImage();
      
      // 将图像转换为字节数据
      ByteData? byteData =
          await image.toByteData(format: ui.ImageByteFormat.png);
          
      // 将字节数据转换为Uint8List
      Uint8List pngBytes = byteData!.buffer.asUint8List();
      
      // 更新UI
      setState(() {
        latestImage = pngBytes;
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: RepaintBoundary(
        key: screenshotKey,
        child: Scaffold(
          appBar: AppBar(
            backgroundColor: Colors.indigoAccent,
            title: const Text('截图回调演示'),
          ),
          body: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Padding(
                padding: const EdgeInsets.all(8),
                child: Center(
                  child: Container(
                    alignment: Alignment.center,
                    decoration: BoxDecoration(
                        border: Border.all(color: Colors.black54, width: 3),
                        borderRadius: BorderRadius.circular(20)),
                    height: 400,
                    child: latestImage == null
                        ? const Text("截图后将显示在这里")
                        : Image.memory(Uint8List.view(latestImage!.buffer)),
                  ),
                ),
              ),
              TextButton(
                  onPressed: () => setState(() {
                        latestImage = null;
                      }),
                  child: const Text(
                    "重置图像",
                    style: TextStyle(color: Colors.indigoAccent),
                  ))
            ],
          ),
        ),
      ),
    );
  }
}