[iOS] Add 1 more solution

[binhndicts]

Current solution is making didFinishLaunchingWithOptions run longer. Sometime I got crash (only when developing) because of [[NSRunLoop mainRunLoop] runUntilDate:later];.

1 more solution: Add native Splashscreen view to react native rootView and remove when hide(). Users will see Splashscreen while loading and starting JS code like current solution, but it doesn't effect app's lifecycle.

[Jpoliachik]

This should be the actual iOS implementation. The current implementation of looping on the main thread until hide() is called from JS is pretty hacky and not stable.

[radko93]

Hey, any usage example?

[binhndicts]

@radko93 just modify 1 line in AppDelegate.m

[RNSplashScreen show];
[RNSplashScreen showSplash:@"LaunchScreen" inRootView:rootView];

where rootView is RCTRootView and LaunchScreen is name of your launch xib file (not support storyboard yet)

[pietro909]

Is anyone checking this PR? Looks like we need it, too. For sure the way to achieve the splash-screen looks much better than an infinite loop.

Thanks!

[dallen4]

Any idea if there's plans to support .storyboard files implemented for a launch/splash screen?

[zzzeee]

@binhnd-socicom
I put you to submit RNSplashScreen.h and RNSplashScreen. m source copy the two files to my react-native-splash-screen , and unlink, link.
Also the AppDelegate.m file original [RNSplashScreen show] replaced [RNSplashScreen showSplash: @ "LaunchScreen" inRootView: rootView], reRun the is an error.
error: _reactNativeSplashScreen.default.show is not a function


componentDidMount() {
    this.timer2 = setTimeout(() => {
        console.log('SplashScreen show')
        console.log(SplashScreen)
        SplashScreen.show();
    }, 4000);
    this.timer3 = setTimeout(() => {
        console.log('SplashScreen hide')
        SplashScreen.hide();
    }, 6000);
}

componentWillUnmount() {
    clearTimeout(this.timer2);
    clearTimeout(this.timer3);
}

console: >>>>

SplashScreen show
Object {hide: function}
error: _reactNativeSplashScreen.default.show is not a function
error: Unhandled JS Exception: _reactNativeSplashScreen.default.show is not a function

[binhndicts]

@zzzeee I think your error doesn't related to my modification as I don't touch to original show() function. Let try to use the origin version first.

[Buzzkill-McSquare]

I second (third? fourth?) this change. From what we can gather the current implementation blocks FCM notifications, and this one works like a charm.

[creedmangrum]

Bumping this. Can we get this one in?

[mk-nickyang]

@binhndicts Thanks for the PR mate, really appreciated! Just wondering, is there any solutions for Launch Image?

[binhndicts]

@mk-nickyang In my opinion, using launch image is not a good solution as many different resolution devices were released recently. Don't you think using xib or storyboard is more simple and flexible?