https://github.com/bufgix/react-native-secure-window
Hide/Prevent react native views when capturing screen
https://github.com/bufgix/react-native-secure-window
Last synced: over 1 year ago
JSON representation
Hide/Prevent react native views when capturing screen
- Host: GitHub
- URL: https://github.com/bufgix/react-native-secure-window
- Owner: bufgix
- Created: 2023-09-01T00:07:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-01T08:44:18.000Z (almost 3 years ago)
- Last Synced: 2025-03-15T00:48:02.718Z (over 1 year ago)
- Language: Java
- Homepage:
- Size: 1.92 MB
- Stars: 59
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# react-native-secure-window
Hide react native views with an overlay when capturing screen
| iOS | Android |
| -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| | |
# Installation in bare React Native projects
For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
# Installation in managed Expo projects
For managed Expo projects, no additional set up is necessary.
### Add the package to your npm dependencies
```bash
## You must install expo-screen-capture first
npx expo install expo-screen-capture
yarn add @bufgix/react-native-secure-window
```
### Configure for iOS
Run `npx pod-install` after installing the npm package.
### Configure for Android
No additional set up necessary.
### Usage
```tsx
import { Text, View } from "react-native";
import { SecureWindow } from "@bufgix/react-native-secure-window";
export default function App() {
return (
This text is protected by the SecureWindow
This text is not protected by the SecureWindow
);
}
```
for Android, `` component prevent _whole_ screen from capturing due to Android limitation.
# Contributing
Contributions are very welcome! Please refer to guidelines described in the [contributing guide](https://github.com/bufgix/react-native-secure-window/blob/main/CONTRIBUTING.md).