Add a splash screen in React Native Expo Apps
The splash screen is a screen which is the first screen shown when your app is launching.
Create a splash screen image
I am using Adobe XD to create a splash screen image, you may choose any design tool to create one.
Adding your image to your project
Now, let’s export the splash screen as PNG in your assets folder of your project.
Open your project in a code editor and open the app.json file and change the image path to “./assets/imagename.png”, Now reload the app and you will see the splash screen image while the app is loading.
Well, you may still see some white in the background or at the top and bottom. Let’s fill it with the splash screen color, for that let’s go back into app.json file:
Reload the app again to check.
That’s all!!
My next post will be about adding custom fonts to your react native expo app.
Thank You for reading.