Hide Views When Capturing Screen In React Native – Secure Window

Description:

Secure Window is a React Native component that hides specific views when capturing a screen.  Works both for iOS and Android (will prevent the whole screen from capturing due to Android limitation).

How to use it:

1. Install and import the SecureWindow component into your React Native project.

npx expo install expo-screen-capture
yarn add @bufgix/react-native-secure-window

import { Text, View } from "react-native";
import { SecureWindow } from "@bufgix/react-native-secure-window";

2. Wrap your content to be protected in the <SecureWindow> component.

export default function App() {
  return (
    <View style={styles.container}>
      <SecureWindow>
        <Text>Text To Hide</Text>
      </SecureWindow>
      ...
    </View>
  );
}

Preview: