title: iOS Launch screen in React Native
body: <p>I'm working with a React Native app and I'm trying to set a customize launch screen but I'm not able to.</p>
  
  <p>React Native creates a LaunchScreen.xib by default, so I've created a LaunchImage inside Images.xcassets:</p>
  
  <p><a href="https://i.stack.imgur.com/WLHds.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WLHds.png" alt="LaunchImage in Images.xcassets"></a></p>
  
  <p>I've also read that I've to modify the "Launch Screen File" under "App Icons and Launch Images" in my options:</p>
  
  <p><a href="https://i.stack.imgur.com/Z0MpD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Z0MpD.png" alt="Launch Images options"></a></p>
  
  <p>Once I've done that, my launch screen became totally black and when the app is loaded, there are both top and bottom black frames:</p>
  
  <p><a href="https://i.stack.imgur.com/WfWw4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WfWw4.png" alt="enter image description here"></a></p>
  
  <p>So I don't know what I have to do to set my launch screen in my React Native project.</p>
  
  <p>I'll be grateful if someone can help me out with those troubles.</p>
  
  <p>Thanks in advance.</p>