'Disable default Expo splash screen

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.



Solution 1:[1]

Read this : Configuring a splash screen and app icon and Create a Splash Screen or use expo install expo-splash-screen Doc SplashScreen

Solution 2:[2]

This is not the best solution but you can make default splash and your custom splash same.

Solution 3:[3]

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 aelarassi
Solution 2 Manish kumar
Solution 3 David Pears