A screen that greets your users with an image or logo before automatically transitioning to another page. It usually takes between 4.5 and 5.5 hours and costs $375 to add Splash Screen to an application.

The Splash Screen is a ReactNative based splash screen, by that means, it truly isn't executed until after the app is fully loaded. If it's desired to appear during load, you will need to build a native screen in both Android and iOS directories of the project.
After you have added the screen module into your project, you will need to configure a few items by modifying the project files in the github repository. Please note to replace ####### with the numeric sequence for your screen (found in folder name under /src/features) and also that the @BluePrint tags for ImportInsertion and NavigationInsertion will be removed in future so placement is with other imports and inside the AppNavigator above other screens.
/src/mainNavigator.js: ADD immediately below in the section labeled //@BlueprintImportInsertion:
import SplashScreen#######Navigator from '../features/SplashScreen#######/navigator';
ADD immediately below in the section inside AppNavigator definition labeled //@BlueprintNavigationInsertion section:
SplashScreen#######: { screen: SplashScreen#######Navigator },
ADD comma after contentComponent: Sidemenu, and initialRoutName so that your code looks like:
const DrawerAppNavigator = createDrawerNavigator(
{
...AppNavigator,
},
{
contentComponent: SideMenu,
initialRouteName: "SplashScreen#######", // Splash Screen
},
);
MODIFY Line 22 of generated screen /src/features/SplashScreen#####/screens/index.js file (replace Onboarding177768 with your desired destination screen - likely home or onboarding screens):
this.props.navigation.navigate('Onboarding177768')
The time set in the screen is set for 3000 ms or 3 seconds. To change this, change the number on Line 23 from 3000 to your desired number of milliseconds.
/src/config/installed_blueprints.js: Make sure any screens that aren’t desired in the side menu are removed from the file. This list should only contain the screens desired to be linked on the side menu hamburger. Every screen that you want to show in the sidemenu should be added as follows:
{ name: 'SplashScreen#######', human_name: 'Splash Screen’, access_route: 'SplashScreen#######'}
name: doesn't matter much, its used as a unique key for the side menu and splash screens array of buttons, it must be unique, that's the only requirement
human_name: is what will be displayed in actual app
access_route: must be the name of the key in your mainNavigator setup