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-lonestone]

Same here, not working on 0.71 ios

[tatiana-lonestone]

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?

[josmmv]

@Yureyny I have those version too and the solution given by @Huzaifa1911 above worked. Please read the entire issue.

[Yureyny]

@Yureyny I have those version too and the solution given by @Huzaifa1911 above worked. Please read the entire issue.

Thank you! I have already solved the problem, only in ios it closes quite quickly, anything to add in this regard?

[Yureyny]

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.
You were able to solve your problem since I present the same in IOS

[AFDHAL2009]

I have same issue in react native : "react-native": "0.70.6",

help please

[Huzaifa1911]

@AFDHAL2009 I think you didn't import the libraries correctly.
In MainApplication.java, you need to add below line.
import org.devio.rn.splashscreen.SplashScreenReactPackage;

In MainActivity.java, you need to add below line.
import org.devio.rn.splashscreen.SplashScreen;

[AFDHAL2009]

@Huzaifa1911 thanks I try to add with the correct import the app launch but crash happen ,so i replace this by null
SplashScreen.show(null);
save my life it works fine .

[hoseinfo]

when I put this line [super application:application didFinishLaunchingWithOptions:launchOptions]; to app delegate I got this issue:
No visible @interface for 'UIResponder' declares the selector 'application:didFinishLaunchingWithOptions:'

any solution?

[Adnan-Bacic]

I think thi is just a problem with the documentation.

i dont necessarily think its the documentation. the Appdelegate.mm file was changed a lot in react-native 0.71. see here: https://react-native-community.github.io/upgrade-helper/?from=0.70.8&to=0.71.0

didFinishLaunchingWithOptions used to return YES;.
then it was changed to return [super application:application didFinishLaunchingWithOptions:launchOptions];

it seems the fix you posted still has return YES;

im sure there is a reason the react-native team changed the return statement. either way it seems we have to change it back to get the splash screen to work again.

[muhammadhassan2k3]

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.

[YvesBoah]

//Add
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);
}
}

[ashahid-arpatech]

@Huzaifa1911 works perfectly

[nguyentrancong]

Many thanhs

"  self.initialProps = @{};
  
  bool didFinish=[super application:application didFinishLaunchingWithOptions:launchOptions];

  // splash screen
  [RNSplashScreen show];
  return didFinish;
}"

its working with me

[arifbiswas]

I can't solve this error

[choijiho0021]

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.

I spent almost a day on this issue.

I read this now I solve it. Thank you!

[DaniMarc]

I can't solve this error

Having the same issue on multiple android devices. Did you manage to solve it?

[marioecs]

#import "AppDelegate.h"

#import <React/RCTBundleURLProvider.h>
#import "RNSplashScreen.h" /* 👈🏻 don't forget to import this header */

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  self.moduleName = @"newFrq2";
  // 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 = @{};

  [super application:application didFinishLaunchingWithOptions:launchOptions];
  [RNSplashScreen show]; /* 👈🏻 This solves the problem */
  
  return YES;
}

[WillLennon-Kopis]

when I put this line [super application:application didFinishLaunchingWithOptions:launchOptions]; to app delegate I got this issue: No visible @interface for 'UIResponder' declares the selector 'application:didFinishLaunchingWithOptions:'

any solution?

I'm having this same issue. Anyone look into this?

[harshalijain]

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.

Thank you so much!! I was stuck on this issue for a week!

[coyksdev]

Same issue in react native 0.75.1

[tauseef112]

For React-Native version 0.71, in AppDelegate.mm rootView is no longer here. We need access to the rootView.

` - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.moduleName = @"YOUR_PROJECT_NAME";
// 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 = @{};
// return [super application:application didFinishLaunchingWithOptions:launchOptions]; //This will be assigned as success instead

BOOL success = [super application:application didFinishLaunchingWithOptions:launchOptions];

if (success) {
//This is where we will put the logic to get access to rootview
UIView *rootView = self.window.rootViewController.view;

rootView.backgroundColor = [UIColor whiteColor]; // change with your desired backgroundColor

Dynamic *t = [Dynamic new];
UIView *animationUIView = (UIView *)[t createAnimationViewWithRootView:rootView lottieName:@"logo_animated"]; // change lottieName to your lottie files name

// register LottieSplashScreen to RNSplashScreen
[RNSplashScreen showLottieSplash:animationUIView inRootView:rootView];
// casting UIView type to AnimationView type
AnimationView *animationView = (AnimationView *) animationUIView;
// play
[t playWithAnimationView:animationView];
// If you want the animation layout to be forced to remove when hide is called, use this code
[RNSplashScreen setAnimationFinished:true];

}

return success;

}`

[NikhilCodeblaze]

its stuck on Splash screen @Huzaifa1911

[Huzaifa1911]

@NikhilCodeblaze, Which version react native you're using?

[NikhilCodeblaze]

@Huzaifa1911 0.75.4

[hemant-mali-spg]

UIResponder

Update AppDelegate.h
#import <RCTAppDelegate.h>
#import <UIKit/UIKit.h>

@interface AppDelegate : RCTAppDelegate

@EnD

[hemant-mali-spg]

when I put this line [super application:application didFinishLaunchingWithOptions:launchOptions]; to app delegate I got this issue: No visible @interface for 'UIResponder' declares the selector 'application:didFinishLaunchingWithOptions:'
any solution?

I'm having this same issue. Anyone look into this?

UIResponder

Update AppDelegate.h

#import <RCTAppDelegate.h>
#import <UIKit/UIKit.h>

@interface AppDelegate : RCTAppDelegate

@EnD

[ujjwal-jain]

I am facing same issue on windows platform while using react native version 0.71.7 , can anyone help me what changes i can do to get work on windows platform?