Prevent Screenshots in your React Native app when needed. 🦄

React Native Prevent Screenshots

Getting started

npm install react-native-prevent-screenshots --save

yarn add react-native-prevent-screenshots

React Native <= 0.59

react-native link react-native-prevent-screenshots

Usage

For iOS support you have to wrap the App component with withPreventScreenshots:

import { withPreventScreenshots } from 'react-native-prevent-screenshots';

const App = () => {
  // ...
};

export default withPreventScreenshots(App);

You can now call PreventScreenshots.start() and PreventScreenshots.stop() functions in your app.

import { PreventScreenshotss } from 'react-native-prevent-screenshotss';

// Prevent Screenshots (returns `Promise<boolean>` of the prevention state)
PreventScreenshots.start();

// Allow Screenshots (returns `Promise<boolean>` of the prevention state)
PreventScreenshots.stop();

0 Open More issues

Closed

TypeError: undefined is not an object (evaluating '_AppState$addEventLis.remove')

Hello, thanks for the component that you developed. I am getting this error when I run the app:

TypeError: undefined is not an object (evaluating '_AppState$addEventLis.remove')

I warped my app.js using export default withPreventScreenshots(App) and then receive the error. react native 64.0.1 platform iOS

Can you please help me?

opened Dec 7, 2021 by saeedtkh 6

Closed

No hope in Expo? 😢

Steps to reproduce

expo init
code below

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { useEffect } from 'react';
import { Button, StyleSheet, Text, View } from 'react-native';
import { withPreventScreenshots, PreventScreenshots } from 'react-native-prevent-screenshots';

const App = () => {
  useEffect(() => {
    PreventScreenshots.start();
  }, [])
  return (
    <View style={styles.container}>
      <Text>Open up App.tsx to start working on your app!</Text>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default withPreventScreenshots(App);

throws this error

TypeError: null is not an object (evaluating 'Native.start')

This error is located at:
    in App (created by ExpoRoot)
    in ExpoRoot
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:172:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:43:2 in showErrorDialog

TypeError: null is not an object (evaluating 'Native.start')

This error is located at:
    in App (created by ExpoRoot)
    in ExpoRoot
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:172:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0

I also copy pasted your example code, but throws the same error

opened Nov 30, 2021 by devhyunjae 2