react-native-immersive

react-native-immersive

Add Toggle for Android Immersive FullScreen Layout

Note: this project is Android only, and Immersive Full-Screen Mode is first introduced since Android 4.4 (API Level 19)

Installation Process

• download this from npm

npm install react-native-immersive --save

• Run react-native link to automatically link the library.

manual link process

• Edit android/settings.gradle:

  + include ':react-native-immersive'
  + project(':react-native-immersive').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-immersive/android')
  

• Edit android/app/build.gradle:

  dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"
  + compile project(':react-native-immersive')
  }
  

• Edit android/app/src/main/java/.../MainApplication.java:

  + import com.rnimmersive.RNImmersivePackage;
  

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new MainReactPackage()
  +     , new RNImmersivePackage()
      );
    }
  

Usage

import Immersive from 'react-native-immersive'
// or
import { Immersive } from 'react-native-immersive'
// or
const Immersive = require('react-native-immersive')

// methods (Android only, will throw Error on iOS)
Immersive.on()
Immersive.setImmersive(true)

Immersive.off()
Immersive.setImmersive(false)