react-native-obscure

1.2.1 • Public • Published

react-native-obscure

A react native android module for obscuring applications when switching applications and preventing taking screenshots of the application.

Getting started

NPM

$ npm install react-native-obscure --save

Yarn

$ yarn add react-native-obscure

Installation

Mostly automatic installation

$ react-native link react-native-obscure

Manual installation

Android

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • Add import diegofhg.ObscurePackage; to the imports at the top of the file
  • Add new ObscurePackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:
    include ':react-native-obscure'
    project(':react-native-obscure').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-obscure/android')
    
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
      compile project(':react-native-obscure')
    

Usage

You can use it programmatically for activating/deactivating the obscuring at any time, use it app-wide or per component.

activateObscure: Activates the obscuring.

deactivateObscure: Deactivate the obscuring.

import React, { Component } from 'react';
import { View, Text } from 'react-native';
 
import Obscure from 'react-native-obscure';
 
export default class App extends Component {
  componentWillMount() {
    Obscure.activateObscure();
  }
 
  componentWillUnmount() {
    Obscure.deactivateObscure();
  }
 
  render() {
    return(
      <View>
        <Text>This text will be obscured when changing apps</Text>
      </View>
    );
  }
}

TODOs

  • Add iOS support.

Readme

Keywords

Package Sidebar

Install

npm i react-native-obscure

Weekly Downloads

8

Version

1.2.1

License

MIT

Last publish

Collaborators

  • diegofranciscohg