# flutter_private_window

**Repository Path**: scenario-samples/flutter_private_window

## Basic Information

- **Project Name**: flutter_private_window
- **Description**: 隐私页面防截屏是社交通讯等类别应用的高频使用场景之一，比如登录页或者密码输入页面等。

本示例主要使用设置主窗口为隐私模式和Flutter与OpenHarmony通信 FlutterChannel实现Flutter页面的防截屏功能。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-01
- **Last Updated**: 2025-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 隐私页面防截屏

## 介绍
隐私页面防截屏是社交通讯等类别应用的高频使用场景之一，比如登录页或者密码输入页面等。

本示例主要使用[设置主窗口为隐私模式](https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs/faqs-arkui-3)和[Flutter与OpenHarmony通信 FlutterChannel](https://gitcode.com/openharmony-tpc/flutter_samples/blob/master/ohos/docs/04_development/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Flutter%E4%B8%8EOpenHarmony%E9%80%9A%E4%BF%A1%20FlutterChannel.md)实现Flutter页面的防截屏功能。


## 效果图预览

<img src="screenshots/private_window.jpeg" width="200">

## 实现思路

1. 使用window对象的[windowClass.setWindowPrivacyMode](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-app-ability-uiextensioncontentsession#setwindowprivacymode)来设置窗口的隐私模式。
2. 通过[Channel](https://gitcode.com/openharmony-tpc/flutter_samples/blob/master/ohos/docs/04_development/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Flutter%E4%B8%8EOpenHarmony%E9%80%9A%E4%BF%A1%20FlutterChannel.md)调用OHOS侧设置隐私模式的方法。

## 约束与限制

- 本示例支持API Version 17 Release及以上版本。
- 本示例支持HarmonyOS 5.0.5 Release SDK及以上版本。 
- 本示例需要使用DevEco Studio 5.0.5 Release及以上版本进行编译运行。

## 权限说明
在module.json5文件中声明需要使用的ohos.permission.PRIVACY_WINDOW权限
```Json
"requestPermissions": [
  {
    "name": "ohos.permission.PRIVACY_WINDOW"
  }
]
```

## 工程结构&模块类型
```markdown
ohos
├──entry/src/main/ets
│  ├──entryability
│  │  └──Entryability.ets               // 程序入口
│  │──pages
│  │  └──Index.ets                      // 启动页面
│  └──plugins
│     ├──GeneratedPluginRegistrant.ets  // 
│     └──PrivateWindowPlugin.ets        // 防截屏功能实现
└──entry/src/main/resources             // 应用资源目录

lib
├──main.dart                            // 主页面和路由
└──pages
    ├──home_page.dart                   // 应用首页
    └──login_page.dart                  // 登录页面
```

## 参考文档

[如何实现防截屏功能](https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs/faqs-arkui-3)

[Flutter与OpenHarmony通信 FlutterChannel](https://gitcode.com/openharmony-tpc/flutter_samples/blob/master/ohos/docs/04_development/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8Flutter%E4%B8%8EOpenHarmony%E9%80%9A%E4%BF%A1%20FlutterChannel.md)