Home

Awesome


NOTICE:

This repository has been archived and is not supported.

No Maintenance Intended


react-native-orientation-listener

A react-native library for obtaining current device orientation

###Getting Started

###IOS

###Android

include ':com.walmartreact.ReactOrientationListener', ':app'
project(':com.walmartreact.ReactOrientationListener').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-orientation-listener/android')
compile project(':com.walmartreact.ReactOrientationListener')
.addPackage(new ReactOrientationListener())

###Usage

Import the library:

var Orientation = require('react-native-orientation-listener');

####getOrientation(callback)

This method will return the current orientation and device string in the form of a callback:

componentDidMount(){
  Orientation.getOrientation(
    (orientation, device) => {
      console.log(orientation, device);
    }
  );
}

####addListener(callback)

This method will add a listener that will call the callback anytime the device orienatation changes:

_setOrientation(data) {
  this.setState({
    orientation: evt.orientation,
    device: evt.device
  });
},
componentDidMount(){
  Orientation.addListener(this._setOrientation);
}

####removeListener(callback)

This method removes the listener you added in componentDidMount:

componentWillUnmount() {
  Orientation.removeListener(this._setOrientation);
}