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

• 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-zip-archive')
  }
  

• Edit your android/app/src/main/java/.../MainActivity.java:

  + import com.rnziparchive.RNZipArchivePackage;
  

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

Usage

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

// methods (Android Only, don't call on iOS)
Immersive.on();
Immersive.setImmersive(true);

Immersive.off();
Immersive.setImmersive(false);