1

I'm using the latest React Native (0.61.5) and I just added my own launch screen. It works, but just before the launch screen launches, I get the [ProjectName] Powerd by React Native screen.

How do I remove the Powerd by React Native before my own launch screen?

Krister Johansson
  • 691
  • 2
  • 10
  • 34

2 Answers2

4

My solution is :

1- Open your project in XCode

2- Click LaunchScreen.storyboard

3- On the right menu, go to Simulated Metrics tab

4- Disable Is Initial View Controller option

Emre D.
  • 499
  • 5
  • 16
3

In your scenario you need to add Splash Screen for both android and ios separately.

For Android : Splash Screen Adding

Assuming that you are asking about iOS Default Splash Screen here's the solution:

You need to generate your splash screen sizes for different mobile views. Here a few examples of splash screen generator sites you can use - TiCons

Once you are done generating the images, you should open your app in Xcode. Here are the steps to follow:

  1. Go to your project folder and open your iOS project using XCODE
  2. Inside your project you can see file called LaunchScreen.xib , Remove this file ( This is the default splash screen of iOS )

enter image description here

  1. Click on your project folder, then go to the TARGETS section
  2. Click on the General Tab on the top-left corner of your Xcode and scroll down to App Icons and Launch Images
  3. Go to Launch Images Source and click Use Asset Catalog. Click on migrate.

enter image description here

  1. Remove the text LaunchScreen from Launch Screen File
  2. Go back to your project folder and open the Images.xcassets file. You should see AppIcon and LaunchImage.
  3. Next, click on the LaunchImage, you should see this:

enter image description here

  • Finally, drag the splash screen images that has been generated initially to the Launch Image box.

enter image description here

Akila Devinda
  • 5,054
  • 3
  • 19
  • 35