React Native 0.73 Onboarding Flash Loading & Blank Screen about react-native

[mlazari]

It looks like that documentation should be updated.

In 0.74 a new customizeRootView function was added - #42088, which I think can be used something like this:

#import <React/RCTRootView.h>

// ...

- (void)customizeRootView:(RCTRootView *)rootView
{
  UIStoryboard *sb = [UIStoryboard storyboardWithName:@"LaunchScreen" bundle:nil];
  UIViewController *vc = [sb instantiateInitialViewController];
  rootView.loadingView = vc.view;
}

In 0.73 probably something like this could work?

#import <React/RCTRootView.h>

// ...

- (UIView *)createRootViewWithBridge:(RCTBridge *)bridge
                          moduleName:(NSString *)moduleName
                           initProps:(NSDictionary *)initProps
{
  RCTRootView *rootView = (RCTRootView *)[super createRootViewWithBridge:bridge moduleName:moduleName initProps:initProps];
  UIStoryboard *sb = [UIStoryboard storyboardWithName:@"LaunchScreen" bundle:nil];
  UIViewController *vc = [sb instantiateInitialViewController];
  rootView.loadingView = vc.view;
  return rootView;
}

[github-actions]

⚠️

Newer Version of React Native is Available!

ℹ️

You are on a supported minor version, but it looks like there's a newer patch available - 0.73.7. Please upgrade to the highest patch for your minor or latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If it does not repro, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the most recent releases.

[github-actions]

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

[batusenyuz]

Thanks @mlazari, do you think this will solve the loading issue in the app.tsx file? I want the launchscreen to appear until the renderscreens function is completed.

[mlazari]

@batusenyuz Not sure about that, I just indicated where I think is the new place for that code in 0.73 / 0.74. I am not using it and didn't test it, so not sure if that's correct or not.

[caglardurmus]

This #44195 (comment) solved my problem on 0.74.0. I am using same "LaunchScreen" in 0.70.14 and it works perfect. But in this version its zooming before the exit. I tried to disable animation but i cant. Is anyone has the same issue?

[batusenyuz]

Hi @caglardurmus, I'm also having the zoom animation issue.

[caglardurmus]

Any solution?

[batusenyuz]

react native library and documentation should be updated according to new updates and this should be done urgently.

@cortinico

[batusenyuz]

We expect support from the community on this issue!

[mlazari]

@batusenyuz Could you create a new React Native project with a minimal reproducible example? That would help others to better understand the issue and look into it.