Create launch screen for React Native app in Xcode

Written by Raymon Schouwenaar on

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.

  1. Open your project in Xcode.
  2. On the left sidebar, click the folder icon.

  3. Open the dropdown

  4. Open the first folder

  5. Click the file LaunchScreen.xib

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

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!

This one is from me!

Looking forwards to all the cool launch screens you will make 😀

If you like a video more than my text and images? Please check out this article:

Latest posts

What is the JavaScript Set in ES2015 and when should you use it?

The ES2015 spec is full of new features that continuously be introduced in all the new browsers. The Set collection is one of those new things.

My first thought was, well I could just use a normal Array! But I will show you what you can do with the Set collection.

CSS Grid Layout Metro design blocks

The times have come that we don’t have to fiddle around with Floats and Tables anymore! Flexbox is already an established term in the industry of Frontend Developers.