blend / react-native-screenshot-detector Goto Github PK

Screenshot detection in React Native (iOS only)

License: MIT License

JavaScript 26.58% Objective-C 49.27% Python 12.95% Java 11.20%

react-native-screenshot-detector's Introduction

react-native-screenshot-detector

Note: this project is designed to work with the newer version of React Native library imports, i.e. React Native >= 0.40.0

Getting started

$ npm install react-native-screenshot-detector --save

$ react-native link react-native-screenshot-detector

Usage

iOS

#import <RNScreenshotDetector/RNScreenshotDetector.h>

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  // ... setup code

  // Somewhere React Native will have placed something like
  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL...]

  // Somewhere below this you can setup the screenshot detector to listen for events
  RNScreenshotDetector* screenshotDetector = [[RNScreenshotDetector alloc] init];
  [screenshotDetector setupAndListen:rootView.bridge];
}

In JS

import * as ScreenshotDetector from 'react-native-screenshot-detector';

// Subscribe callback to screenshots:
this.eventEmitter = ScreenshotDetector.subscribe(function() { ... });

// Unsubscribe later (a good place would be componentWillUnmount)
ScreenshotDetector.unsubscribe(this.eventEmitter);

react-native-screenshot-detector's People

Contributors

Stargazers

Watchers

react-native-screenshot-detector's Issues

works in debug build but not for release build - ios

posting an issue here as there was no issues section on the forked lib @iamacup/react-native-screenshot-detect

This lib works great on debug configuration, but for release configuration, detection does not work.
Is it possible to get it working for release config as well?

rn 0.62.2

No idea what I'm doing

I can't really figure out how to get this to work on ios. Taking screenshot does nothing. Is this correct? cc/ @gcarling

componentDidMount() {
    console.log('RNScreenshotDetector',RNScreenshotDetector);

    RNScreenshotDetector.subscribe(function(){
      alert('screenshot taken!')
      console.log('SUBSCRIBE');
    });

  }

react-native-screenshot-detector isn't available on npm, so $ npm install react-native-screenshot-detector --save doesn't seem to work. There is a way to add it to package.json as "react-native-screenshot-detector": "git://github.com:blendlabs/react-native-screenshot-detector.git", but installing a package would be more convenient and robust (in terms of further updates).

Simulator

Hello there, can I test it on a simulator?

Apparently, I cannot, it doesn't detect the Screenshot.

Thank you.

'React/RCTEventEmitter.h' file not found when installing on newer React Native versions

I'm on React Native 0.61.5, which uses autolinking.

I've followed the installation instructions and when I build I get:

'React/RCTEventEmitter.h' file not found
from RNScreenshotDetector.h

I've tried adding the React Pod headers to Header Search Paths and that still didn't work. Any other ideas of things I can try?

Function not response

ScreenshotDetector.subscribe(() => {
Alert.alert('Screenshot detected!');
});

There is no response.

react-native version 0.43