title: LandScape not Working in React native ? when IOS / Android Device off mode Auto Rotation
body: <p>I am developing sample app based on react native orientation. Actually orientation is working.  i want landscape mode when i was go to one  particular page.it's ok no problem at this situation shows landscape mode, but when i am trying device turn to Portrait mode.but when i am turn Portrait or Landscape i want show only landscape not a portrait.</p>
  
  <p><strong>I am Using this module and wrote this code:</strong></p>
  
  <p>var Orientation = require('react-native-orientation');</p>
  
  <pre><code>class XOrating extends React.Component {
     constructor(props){
      super(props);
      this.state={
  
         HEIGHT:667,
         WIDTH:375
  
  
      }
    }
  
  componentWillMount(){
  
    if(this.props.sportName == 'Pro Football'){
      Orientation.lockToLandscape();
  
      this.setState({
        HEIGHT:375,
        WIDTH:667
  
  
      })
    }
    else{
     Orientation.lockToPortrait();
    }
  
  }
  
   _orientationDidChange(orientation) {
      if (orientation == 'LANDSCAPE') {
  
        Orientation.lockToLandscape();
        //do something with landscape layout
      } else if(orientation == 'PORTRAIT') {
        //do something with portrait layout   
         Orientation.lockToLandscape();
      }
    }
  
     componentWillUnmount() {
      Orientation.getOrientation((err,orientation)=&gt; {
        console.log("Current Device Orientation: ", orientation);
      });
      Orientation.removeOrientationListener(this._orientationDidChange);
    }
  
  
  componentDidMount(){
  
  
      Orientation.addOrientationListener(this._orientationDidChange);
  
   }
  
  render(){
  return(
  &lt;Image source={{uri:this.state.ImgBackground}} style={{width:this.state.WIDTH,
                height:this.state.HEIGHT, top:0, left:0}}&gt;   
  )
  }
  
  module.exports = XOrating;
  </code></pre>
  
  <p>Please suggest i want fit the landscape mode when hide in device in autorotation</p>