react-native-prevent-screenshot

.

Installation

npm install boletia-react-native-prevent-screenshot

Usage

import { PreventScreenshotView } from "react-native-prevent-screenshot";

// ...

    <View style={styles.container}>
      <View style={styles.noProtected}>
        <Text>no protec</Text>
      </View>
      <PreventScreenshotView
        style={styles.box}
        image={
          'data:image/jpeg;base64,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'
        }
      >
        <View style={styles.content}>
          <View style={styles.protected}>
            <Text>with protected</Text>
          </View>
        </View>
      </PreventScreenshotView>
    </View>

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library