react-native-secure-window

Hide react native views with an overlay when capturing screen

iOS	Android

Installation in managed Expo projects

For managed Expo projects, please follow the installation instructions in the API documentation for the latest stable release. If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the expo package before continuing.

Add the package to your npm dependencies

1## You must install expo-screen-capture first
2yarn add expo-screen-capture 
3yarn 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

1import { Text, View } from "react-native";
2import { SecureWindow } from "react-native-secure-window";
3
4export default function App() {
5  return (
6    <View style={styles.container}>
7      <SecureWindow>
8        <Text>This text is protected by the SecureWindow</Text>
9      </SecureWindow>
10
11      <Text>This text is not protected by the SecureWindow</Text>
12    </View>
13  );
14}

for Android, <SecureWindow /> component prevent whole screen from capturing due to Android limitation.

Contributing

Contributions are very welcome! Please refer to guidelines described in the contributing guide.