Flutter 3.47 鸿蒙三方库适配实战：从 0 到 1 处理 no_screenshot

ujainu

24人浏览 · 2026-10-17 17:53:45

ujainu · 2026-10-17 17:53:45 发布

金融、支付、隐私类页面常常要求"禁止截屏"，同时希望知道用户什么时候截了屏。no_screenshot 在 Android 上用 FLAG_SECURE（顺带支持图片/模糊/纯色遮罩），在 iOS 上监听 UIScreen.isCaptured 与截屏通知。

本文以 no_screenshot 2.0.1 为例，记录我如何保留原有 Dart API、补齐 Flutter OH 插件入口、在鸿蒙端接入真实系统能力，并在 HarmonyOS API 26 真机上完成构建、安装、启动和按钮调用验证。

适配仓库： no_screenshot

适配分支： feat/ohos_no_screenshot_2.0.1

适配 TAG： 2.0.1-ohos.1

一、先看最终效果

请添加图片描述

图 1：HarmonyOS API 26 真机启动 Demo。页面显示 no_screenshot 2.0.1。

请添加图片描述

图 2：点击“开启防截屏（隐私模式）”后窗口进入隐私模式，系统截图只剩一片黑——这本身就是 screenshotOff → true 生效的直接证据，按钮状态见下文回读。

请添加图片描述

图 3：点击“关闭防截屏”后的真实返回：screenshotOn → false。

请添加图片描述

图 4：点击“监听系统截屏”后的真实返回：检测到截屏 @ 1792219391847。

验证点	实测结果
Flutter OH 3.47 工程构建	通过，产出 `entry-default-signed.hap`
安装、启动（真机）	通过
开启防截屏（隐私模式）	`screenshotOff → true`
关闭防截屏	`screenshotOn → false`
监听系统截屏	`检测到截屏 @ 1792219391847`

二、这个库原来是怎么工作的

这个库有两条通道：

Dart NoScreenshot.instance
  -> MethodChannel('com.flutterplaza.no_screenshot_methods')
  -> EventChannel('com.flutterplaza.no_screenshot_streams')

方法名集中在 constants.dart：screenshotOff/screenshotOn/toggleScreenshot，以及 screenshotWithImage/Blur/Color 等遮罩模式；事件流推送 ScreenshotSnapshot 的 JSON。

三、实际环境

Flutter 鸿蒙环境搭建不在本文重复展开，直接参考 Flutter OH 环境搭建指南。

组件	版本
Flutter OH	`3.47.4-ohos-1.0.4`
Dart	`3.13.3`
DevEco Studio	`26.0.0 Release`
HarmonyOS SDK	API 26
测试设备	华为畅享 90 Pro Max，HarmonyOS `7.0.0.105`（API 26）
目标库	`no_screenshot 2.0.1`

flutter --version
hdc list targets

四、确认上游版本并同步到 AtomGit

上游包地址是 https://github.com/flutterplaza/no_screenshot，版本 2.0.1 使用 MIT License。适配前我先查了 flutter-ohos-adaptation-checklist：它把本库列在「已适配」清单里，对应 CPF-Flutter 的 fluttertpc_no_screenshot（2026-05-12 创建，默认分支 development）。也就是说社区已有一份独立实现，本文这份是 oh-flutter 组织下的另一份实现，不是首发；两者的差异见文末「与已有实现的关系」。

仓库适配提交为 fb2364f，分支与 TAG 2.0.1-ohos.1 均指向该提交。

git clone https://atomgit.com/oh-flutter/no_screenshot.git
cd no_screenshot
git switch feat/ohos_no_screenshot_2.0.1
git log --oneline -5

五、创建适配分支并检查工程结构

git switch -c feat/ohos_no_screenshot_2.0.1

关键目录如下：

no_screenshot/
├── lib/                                         # 原有 Dart API 和通道
├── ohos/
│   ├── index.ets                                # OHOS 插件导出入口
│   └── src/main/ets/components/plugin/
│       └── NoScreenshotPlugin.ets    # 通道实现
├── example/lib/main.dart                        # 真机验证 Demo
├── example/ohos/                                # Flutter OH 宿主工程
├── pubspec.yaml                                 # 声明 ohos 平台
└── README.OpenHarmony_CN.md                     # 鸿蒙适配说明

flutter:
  plugin:
    platforms:
      ohos:
        pluginClass: NoScreenshotPlugin

pluginClass 必须和 ohos/index.ets 导出的类名一致。这一步在所有库里都踩过：名字对不上时 Dart 能编译，运行时却抛 MissingPluginException，没有任何构建期提示。

六、适配过程：注册通道并对齐语义

通道名必须与上游 Dart 源码逐字一致。本库的映射如下：

方法	OpenHarmony 实现	说明
`screenshotOff` / `screenshotOn`	`window.setWindowPrivacyMode(true/false)`	隐私模式，系统截图/录屏/投屏得到隐私内容
`toggleScreenshot`	同上，按当前状态取反
`screenshotStream`	`window.on('screenshot')` → JSON	载荷键名与 `ScreenshotSnapshot.fromMap` 一致
图片/模糊/纯色遮罩	返回 `false`	鸿蒙窗口无对应能力，不伪造

核心代码：

case 'screenshotOff':
  this.setProtected(true)
    .then((value) => result.success(value))
    .catch((error) => this.report(result, error));
  return;

private async setProtected(on: boolean): Promise<boolean> {
  const win = await this.getWindow();
  await win.setWindowPrivacyMode(on);
  return win.getWindowProperties().isPrivacyMode;
}

// 截屏事件：sink 里回传 JSON，字段名必须和 Dart 侧对齐
private readonly onScreenshot = (): void => {
  this.sink?.success(JSON.stringify({
    screenshot_path: '',
    is_screenshot_on: privacyOn,
    was_screenshot_taken: true,
    is_screen_recording: false,
    timestamp: Date.now(),
    source_app: '',
  }));
};

七、构建配置与签名

示例工程的目标 SDK 对齐到 26，与 @ohos/flutter_ohos 的要求一致：

{
  "name": "default",
  "compatibleSdkVersion": "26.0.0",
  "targetSdkVersion": "26.0.0",
  "runtimeOS": "HarmonyOS"
}

Demo 的 AppScope/app.json5 统一成 com.example.flutter_oh_demo。签名 profile 里绑定的 bundleName 必须与它一致，否则 SignHap 直接报 00303074 Configuration Error。证书、p12、p7b 和密码不提交到仓库。

八、通过 AtomGit 引入适配版

在业务工程中使用时锁定 TAG：

dependencies:
  no_screenshot:
    git:
      url: https://atomgit.com/oh-flutter/no_screenshot.git
      ref: 2.0.1-ohos.1

flutter pub get

然后在 pubspec.lock 里确认 source: git、AtomGit 地址和 resolved-ref，避免解析到 pub.dev 的同名版本。

九、构建、安装和真机验证

cd example
flutter pub get
flutter build hap --debug
hdc install -r build/ohos/hap/entry-default-signed.hap
hdc shell aa start -a EntryAbility -b com.example.flutter_oh_demo

构建输出为 ✓ Built build/ohos/hap/entry-default-signed.hap.，随后 hdc 报告安装成功。所有示例共用同一个 bundleName，重装后要先 aa force-stop 再 aa start，否则系统只是把旧任务拉到前台，看到的是上一次安装的界面。

十、适配结果和当前边界

权限是硬门槛：setWindowPrivacyMode 需要 ohos.permission.PRIVACY_WINDOW。第一次跑没声明时真机直接报 201 Permission verification failed.[window][setWindowPrivacyMode] msg: Need ohos.permission.PRIVACY_WINDOW permission。

十一、FAQ

Q1：为什么必须先声明 PRIVACY_WINDOW？

原因： 这是 system_grant 权限，宿主 module.json5 的 requestPermissions 里声明即可生效，但必须配 reason 与 usedScene，否则打包/校验阶段会报错。
验证结果： 声明后 screenshotOff 返回 true。