Add App Icons and Launch Screens to React Native Apps (iOS & Android)

I was recently tasked with adding app icons to the React Native app we are currently building. I found myself jumping around to a bunch of different places trying to find all of the information I needed, so I decided to put it all in one place

Scott Stewart
Jan 18, 2018 · 6 min read
Image for post
Image for post
Photo by Rami Al-zayat on Unsplash.

Step 1: iOS icons

Image for post
Image for post
Image for post
Image for post
Icon Set Creator will give you a folder with all of the necessary icon sizes.
Image for post
Image for post
*Main-Project-Folder* > Images.xcassets > AppIcon
Image for post
Image for post
Example with iPhone and iPad
Image for post
Image for post
What it’ll look like when you’re done
Image for post
Image for post
All these new files

Step 2: Android Icons

Image for post
Image for post
Android Asset Studio
Image for post
Image for post

Step 3: iOS LaunchScreen

Image for post
Image for post
Approach #1 (What we’ll be making)
Image for post
Image for post
Apple Photos app Launch Screen
Image for post
Image for post
Default Launch Screen
Image for post
Image for post
Select “Page Sheet” and open up the device window on the bottom
Image for post
Image for post
Image View
Image for post
Image for post
Image for post
Image for post
Import in Images.xcassets
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
There. Bam. You did it.

Step 4: Android LaunchScreen

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

Better Programming

Advice for programmers.

Sign up for The Best of Better Programming

By Better Programming

A weekly newsletter sent every Friday with the best articles we published that week. Code tutorials, advice, career opportunities, and more! Take a look

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Scott Stewart

Written by

Software Engineer/Designer @formidable

Better Programming

Advice for programmers.

Scott Stewart

Written by

Software Engineer/Designer @formidable

Better Programming

Advice for programmers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app