Show custom component as splash screen instead of default white screen


I am using expo managed workflow and have a typical situation where I would like to show a custom component as splash screen instead of the default splash mechanism provided in expo.

Here is the expo diagnostics output for my environment.

Expo CLI 3.24.2 environment info:
OS: Linux 4.19 Ubuntu 18.04.1 LTS (Bionic Beaver)
Shell: 4.4.19 - /bin/bash
Node: 12.18.3 - /usr/bin/node
npm: 6.14.6 - /usr/bin/npm
expo: ~39.0.2 => 39.0.3
react: 16.13.1 => 16.13.1
react-dom: 16.13.1 => 16.13.1
react-native: => 0.63.2
react-native-web: ~0.13.12 => 0.13.14
expo-cli: 3.24.2

Any help in this regard would be great help!

Hey there! Did you already take a look at this guide?

There’s also a related API here.

@dj-designs Yes, I have already looked through the link and couldn’t find a definitive answer for the use case. Please have a look at the question clearly, I want to show a custom component altogether without using default splash screen provided by expo. Even if I use hideAsync, expo shows up a white screen for a second before the custom splash component shows up.