Disable default Expo splash screen

Question

I want to disable the default Expo splash screen and show my custom screen component. I've removed the following code from app.json but still there is a white blank loading before my custom screen.

 "splash": {
        "image": "./assets/images/splash.png",
        ...,
      },

I've read information in Google, in the duplicated topics and also in the documentation here https://docs.expo.dev/versions/latest/sdk/splash-screen/ but I don't understand clearly. Please advise.

Answer 1

For me a combination of three things:

1. Removing the expo-splash-screen section from my app.json

2. Editing my Podfile to specifically exclude expo-splash-screen from being installed (see below)

   use_expo_modules!(exclude: ['expo-splash-screen'])

3. Adding a new splashscreen using XCode (see link below)

4. Clearing all caches (Pods, Podfile,lock, Node Mods & Yarn.lock) and rebuilding.

Hope this helps.

React Native IOS Splash Screen With Storyboard