DEV Community

Splash Screen, Tutorial Screens, Authentication Screens Flow in React-Native

Saad on October 15, 2018

Recently I had to start up a project from scratch and I had to make a general flow of splash screens, tutorial screens and authentication screens...
Collapse
 
pjullrich profile image
Peter Ullrich

You could have implemented a SwitchNavigator instead of the custom resetAction function, I think. The SwitchNavigator resets the screen whenever they are unmounted and disallows going back, even with the hardware button on Android. A good tutorial is provided in the react-navigator docs: reactnavigation.org/docs/en/auth-f...

Collapse
 
saadbashar profile image
Saad

Thanks a lot Peter!

Collapse
 
jonathanrufino profile image
Jonathan Rufino • Edited

Why do you use an aditional screen (StartingScreen) instead of doing the verification on SplashScreen? And why an unecessary 4 seconds delay?

That way user always needs to wait 4 seconds for app to load, i think thats a lot of time and i would uninstall the app just because that long waiting.

Collapse
 
saadbashar profile image
Saad

You are right. I will change it :) Thanks!

Collapse
 
efleurine profile image
Emmanuel

Did you compile a production build of your app and then did have any white screen before the actual splashscreen appears.

Collapse
 
felipegatti profile image
FelipeGatti

Got this issue. I'm using a native SplashScreen and then this guide reactnavigation.org/docs/en/auth-f... but in between screens i get a white screen. I think my render in the "AuthLoadingPage" is taking to long to start working

Collapse
 
saadbashar profile image
Saad

I did not face this issue in production build