Create launch screen for React Native app in Xcode

Image for post
Image for post

If you are working on a cool React Native app, I guess you want to make to look-and-feel completely to your own design.

Well, the launch screen is the first thing a user see. The first look must be the best!

So let’s create a splash screen for your React Native in Xcode, so your user doesn’t see that ugly default screen that React Native show by default in iOS.

Image for post
Image for post
Image for post
Image for post

There is the default launch screen. Here you can edit the text, change colors, add images and a lot more.

Image for post
Image for post

I’m not gonna teach you how to create a nice and fancy launch screen, but this is the spot to use your own imagination!

Image for post
Image for post
This one is from me!

Looking forwards to all the cool launch screens you will make :-D

If you like a video more than my text and images? Please check out this article: http://reactcafe.com/how-to-remove-the-powered-by-react-native-message-in-ios/

Originally published at Raymon Schouwenaar.

Written by

I write stories about Frontend Dev, JavaScript, Typescript, Angular, NodeJS, Serverless Functions, JAM Stack, FaunaDB, Netlify, Apple, iOS— https://byrayray.dev

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store