title: React Native, expo-screen-orientation
body: <p>I am working on IOS React Native Project (using expo with bare workflow).
  By default my app use portrait mode, but sometimes I need change screen orientation to landscape mode. I use expo-screen-orientation library to change screen orientation. When app change screen orientation I have issue in released app, although in debug mode it is works perfect (both IOS Simulator / IOS device). In release mode I have issue with cut screen. Please check photos in attach</p>
  <pre><code>import { StatusBar } from 'expo-status-bar';
  import {StyleSheet, Text, View, Button} from 'react-native';
  import * as ScreenOrientation from 'expo-screen-orientation';
  
  export default function App() {
  
    const foo = async()=&gt;{
      await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE_LEFT);
    }
  
    return (
      &lt;View style={styles.container}&gt;
        &lt;Text style={{paddingTop:50}}&gt;Open up App.js to start working on your app!&lt;/Text&gt;
        &lt;Button title=&quot;Rotate&quot; onPress={foo}/&gt;
        &lt;StatusBar style=&quot;auto&quot; /&gt;
      &lt;/View&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#cccccc',
      alignItems: 'center',
      justifyContent: 'flex-start',
    },
  });
  </code></pre>
  <p><a href="https://i.stack.imgur.com/hKz50.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hKz50.png" alt="Portrait mode" /></a></p>
  <hr />
  <h2>Landscape mode, with cut screen</h2>
  <p><a href="https://i.stack.imgur.com/j2Req.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j2Req.png" alt="Landscape mode with cut screen" /></a></p>