Hide react native views with an overlay when capturing screen

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

For managed Expo projects, no additional set up is necessary.

## You must install expo-screen-capture first
npx expo install expo-screen-capture
yarn add @bufgix/react-native-secure-window

Run npx pod-install after installing the npm package.

No additional set up necessary.

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

export default function App() {
  return (
    <View style={styles.container}>
      <SecureWindow>
        <Text>This text is protected by the SecureWindow</Text>
      </SecureWindow>

      <Text>This text is not protected by the SecureWindow</Text>
    </View>
  );
}

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

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