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: 2 months 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-01T08:44:18.000Z (over 1 year ago)
• Last Synced: 2024-10-12T18:07:25.524Z (3 months ago)
• Language: Java
• Homepage:
• Size: 1.92 MB
• Stars: 55
• 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).