not working splash screen for react-native 0.71.0

[ko-devHong]

Run react-native info in your project and share the content.

What react-native-splash-screen version are you using? 3.3.0

What platform does your issue occur on? Both

Describe your issue as precisely as possible :

1. install react-native-splash-screen@3.3.0
2. setting native
3. doesn't start splash screen

ref : ios Splash screen

[RNSplashScreen show]; // After this line, no further process will proceed.

Join a screenshot or video of the problem on the simulator or device?

Show us the code you are using?

• ios

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  self.moduleName = @"ttttapp";
  
 [RNSplashScreen show];

  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

• android

public class MainActivity extends ReactActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    androidx.core.splashscreen.SplashScreen.installSplashScreen(this);
    org.devio.rn.splashscreen.SplashScreen.show(this, true);
    super.onCreate(savedInstanceState);
  }
}

[tatiana-grange]

Same here, not working on 0.71 ios

[tatiana-grange]

I think thi is just a problem with the documentation.
I tried this for ios and it works :

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  self.moduleName = @"reactApp";
  
  [super application:application didFinishLaunchingWithOptions:launchOptions];
  [RNSplashScreen show];

  return YES;
}

It works on android with :

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    SplashScreen.show(this);
    super.onCreate(savedInstanceState);
  }

[yahyafahim]

I changed the return to something like this and it worked

• (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
  {
  self.moduleName = @"Your_App_Name";
  [super application:application didFinishLaunchingWithOptions:launchOptions];
  [RNSplashScreen show]; // here
  return YES;
  }

[marcosjoao37]

I think thi is just a problem with the documentation. I tried this for ios and it works :

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  self.moduleName = @"reactApp";
  
  [super application:application didFinishLaunchingWithOptions:launchOptions];
  [RNSplashScreen show];

  return YES;
}

It works on android with :

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    SplashScreen.show(this);
    super.onCreate(savedInstanceState);
  }

Thank you for that feedback! It worked here :)

[Huzaifa1911]

You can show splash screen like below code snippet. It works fines for the latest React Native Version (0.71.1).

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{  
  self.moduleName = @"ProjectName";
  // You can add your custom initial props in the dictionary below.
  // They will be passed down to the ViewController used by React Native.
  self.initialProps = @{};
  
  bool didFinish=[super application:application didFinishLaunchingWithOptions:launchOptions];
  
  [RNSplashScreen show];  // here
  return didFinish;
}

Reason why this happens:
Your Splash Screen should shown after the IOS finishes the launch. In your case, you're showing the Splash Screen before finishing the launch options. RNSplash doesn't know where to get attach before the rootView setup.

Hope you will find this solution insightful.

[gurupatel107]

@Huzaifa1911 Your solution worked for me. Thanks.

[josmmv]

@Huzaifa1911 Thanks man! I was trying to fix this for 6 hours, you saved me. 🥳

[JJalit]

@Huzaifa1911 Thank you.. my problem is solved!

[iviveros-code]

@Huzaifa1911 Works good! Thanks.

[Guilleanto]

i have 0.71.3 and don't work for me

and in 0.71.3 i have this MainActivity code from RN

[josmmv]

@Guilleanto you have to add the following line at the top of the MainActivity.java file:

import android.os.Bundle;

[Guilleanto]

@Guilleanto you have to add the following line at the top of the MainActivity.java file:

import android.os.Bundle;

Works! thank you so much.... solved!

[hungnm11]

I was trying to fix this for over 1 day, thanks @Huzaifa1911

[Pattygeek]

The solution works for me but how can I increase the duration the splash screen shows for? I used setTimeout in useEffect but that didn't work.

[Yureyny]

ave 0.71.3 and don't work for me

I have the same problem using reactNative "react-native": "0.71.3", and "react-native-splash-screen": "^3.3.0".

Has anyone been able to solve this using these versions?