So basically what we're doing is were using React Native splash screen to explicitly show the splash screen and then we can use it to hide it. So this will be just underneath here in the application. And here on the application we show the splash screen.
#Seamless transition code#
And we'll also need to add a little bit of native code to iOS so we've been getting off easy with iOS so far but if you open app delegate dot m so it's this one's not the head of file and then we add an import at the top of the file. So, here if we add so here if we do yarn add React Native slash screen And this is quite an old library so it still requires a React Native link it doesn't auto link I think I need to put this through. So the way to overcome this is we need to use another library to basically manually hide the splash screen when the JavaScript is finished loading. So this is the time in between the native, when the native app is ready but the JavaScript isn't loaded yet. But actually the JavaScript still needs some extra time to load, which is why we get this flash screen. But then it loads the app with the JavaScript bundle and it goes, okay, you're ready. So what's the need to have does? Is it goes, let's show the splash screen while I'm getting ready. So that's why we had to create an xcode. And the reason this is actually happening is because this splash screen is completely native. So when you open your app you'll see a splash screen, and then you see a white page and then use your app.
So, now we have a splash screen, so this is a React Native specific plug problem with splash screens. Transcript from the "Seamless Transition" Lesson
0 kommentar(er)
