Flutter 鸿蒙化实战:screenshot_callback 适配 OpenHarmony

前言

随着鸿蒙生态的快速发展,越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期,大量常用三方库只有 Android / iOS 实现,鸿蒙侧只能自己造轮子。

为了解决这个问题,CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配,统一托管在 GitCode 的 CPF-Flutter 组织 下,全部通过 TAG 版本隔离、配套门禁编译验证,开箱即用。

本篇是系列文章之一,主角是 screenshot_callback —— 截屏事件监听插件。

screenshot_callback 是什么

flutter_screenshot_callback(原库 0.0.9)用于监听设备的截屏事件。当用户截屏时,应用可以立即收到回调。典型场景:

  • 聊天应用:对方截屏时提醒"该内容已被截图保存"
  • 内容保护:付费内容/隐私页面被截屏时记录或水印处理
  • 用户反馈:截屏后主动弹出反馈入口

插件支持:设置截屏回调接口、启动/停止截屏监听、处理权限被拒绝的情况。

适配情况

Flutter 框架版本 TAG 名称 分支名
3.7 0.0.9-ohos-1.0.0 master
3.22 0.0.9-ohos-1.0.0 master
3.27 0.0.9-ohos-1.0.0 master
3.35 0.0.9-ohos-1.0.0 master

快速接入

在 pubspec.yaml 中添加 git 依赖:

dependencies:
  flutter_screenshot_callback:
    git:
      url: https://gitcode.com/CPF-Flutter/fluttertpc_screenshot_callback.git
      # 按你的 Flutter 框架版本,从上方映射表选择对应 TAG
      ref: 0.0.9-ohos-1.0.0

执行:

flutter pub get

使用示例

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

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

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

  
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
  ScreenshotCallback? _screenshotCallback;
  String _result = '';

  
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    _screenshotCallback = ScreenshotCallback();
    _screenshotCallback?.setInterfaceScreenshotCallback(
      MyScreenshotCallback(
        onScreenshot: (path) => setState(() => _result = '截屏了:$path'),
      ),
    );
    _screenshotCallback?.startScreenshot();
  }

  
  void dispose() {
    _screenshotCallback?.stopScreenshot();
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('截屏监听示例')),
        body: Center(child: Text(_result)),
      ),
    );
  }
}

[!NOTE] 使用要点:进入页面 startScreenshot() 开始监听,离开页面 stopScreenshot() 停止,避免后台无谓监听;首次使用需要授权,权限被拒绝时插件会通过回调告知,可以引导用户去设置页开启。

仓库地址

  • OpenHarmony 适配仓库:https://gitcode.com/CPF-Flutter/fluttertpc_screenshot_callback
  • 使用问题反馈:请到 CPF-Flutter 社区 Issues 提交问题(社区统一收集跟进);本仓库 Issues 区亦可。

系列预告

截至目前,CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配,覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域,完整的适配清单(含每个库的版本映射表)见:

  • 适配总览文档:https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md
  • 仓库组织:https://gitcode.com/CPF-Flutter

本系列后续会陆续挑选高频库展开讲解,比如本地通知(flutter_local_notifications)、设备唯一标识(flutter_udid)、亮度管理(screen)、User-Agent 获取(fk_user_agent)等。

如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐