title: What is the Right Way to Implement a Responsive Splash Screen in React Native?
body: <p>I need to setup a splash screen that will scale responsively on all native devices like ios, android phones, tablet etc. The splash screen contains the following:</p>
  
  <ul>
  <li>Text Logo name</li>
  <li>Activity Indicator <a href="https://reactnative.dev/docs/activityindicator" rel="nofollow noreferrer">https://reactnative.dev/docs/activityindicator</a></li>
  </ul>
  
  <p>I can see that this guide is among the top search result <a href="https://www.npmjs.com/package/react-native-splash-screen" rel="nofollow noreferrer">react-native-splash-screen</a>, but not sure if it scales well on all native devices phone &amp; tablets. </p>
  
  <p>Should I just make a custom screen component and apply <a href="https://github.com/marudy/react-native-responsive-screen" rel="nofollow noreferrer">react-native-responsive-screen</a>?</p>
  
  <p>Is there a convention/best practice on setting up the splash screen on react native?</p>