react-native-splash-screen icon indicating copy to clipboard operation
react-native-splash-screen copied to clipboard

Splashscreen doesn't hide when upgraded to React Native 0.76

Open plindsay opened this issue 1 year ago • 15 comments

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

System: OS: macOS 15.0.1 CPU: (10) arm64 Apple M2 Pro Memory: 96.77 MB / 16.00 GB Shell: version: "5.9" path: /bin/zsh Binaries: Node: version: 20.6.1 path: ~/.nvm/versions/node/v20.6.1/bin/node Yarn: version: 1.22.19 path: /opt/homebrew/bin/yarn npm: version: 9.8.1 path: ~/.nvm/versions/node/v20.6.1/bin/npm Watchman: version: 2024.05.06.00 path: /opt/homebrew/bin/watchman Managers: CocoaPods: version: 1.15.2 path: /Users/phil/.rbenv/shims/pod SDKs: iOS SDK: Platforms: - DriverKit 24.0 - iOS 18.0 - macOS 15.0 - tvOS 18.0 - visionOS 2.0 - watchOS 11.0 Android SDK: Not Found IDEs: Android Studio: 2023.2 AI-232.10300.40.2321.11668458 Xcode: version: 16.0/16A242d path: /usr/bin/xcodebuild Languages: Java: version: 17.0.11 path: /usr/bin/javac Ruby: version: 2.7.6 path: /Users/phil/.rbenv/shims/ruby npmPackages: "@react-native-community/cli": installed: 15.0.0-alpha.2 wanted: 15.0.0-alpha.2 react: installed: 18.3.1 wanted: 18.3.1 react-native: installed: 0.76.0 wanted: 0.76.0 react-native-macos: Not Found npmGlobalPackages: "react-native": Not Found Android: hermesEnabled: true newArchEnabled: false iOS: hermesEnabled: true newArchEnabled: true

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

3.3.0

What platform does your issue occur on? (Android/iOS/Both)

iOS

Describe your issue as precisely as possible :

The app builds fine but just hangs on the splash screen.

plindsay avatar Oct 29 '24 15:10 plindsay

getting same issue, once the app is run i can not see the spalsh screen even it is not hiding too!

DevAsrar avatar Nov 05 '24 10:11 DevAsrar

getting same issue, once the app is run i can not see the spalsh screen even it is not hiding too!

Been trying to debug this - for me I don't think my App.js is even being loaded (console logs don't appear), so it's not even reaching the code to hide the SplashScreen. So this may not be a problem with SplashScreen at all...

plindsay avatar Nov 05 '24 10:11 plindsay

The splash showing black #000 screen after launch, we can hide it forcefully from app.js, but the concern is splash screen showing black screen, don't know whyy !! Please make a do changes with for support of RN 0.76.1 !!

DevAsrar avatar Nov 05 '24 11:11 DevAsrar

Facing same problem..

abhayagrawal-fareye avatar Nov 06 '24 13:11 abhayagrawal-fareye

The same.. Is there any decision?

KarinaOleynik avatar Nov 13 '24 10:11 KarinaOleynik

Yes for me facing crash in dev and release mode

For React native version "react-native": "^0.75.1" Xcode Version 16.0 Mac os version 15.1 Build got crashed after the splash screen in testflight

In "react-native": "^0.76.1" Facing crash both dev and release mode after the splash screen

any one find the solution

Ajithkumar2203 avatar Nov 13 '24 11:11 Ajithkumar2203

I had the same issue. In my case, it was about an error on my another library which it did not throw any exception. Just kept me waiting on splash screen.

In my case, wrongly imported SQLite functions was the main culprit. Turns out there was nothing wrong with my splash screen. I suggest you to put console.logs step by step to see your side of problems.

idylmz avatar Nov 18 '24 13:11 idylmz

Same issue here. Just update to RN 0.76.3 and the app crash at the splash screen.

frArdouin avatar Nov 25 '24 20:11 frArdouin

I upgraded to React Native version 0.76.3. I’m using the latest version of react-native-splash-screen (3.2.0). Both Hermes and newArch are enabled. Here is the error I’m getting in the logcat output:

FATAL EXCEPTION: mqt_v_native
                                                                                                    Process: com.myApp, PID: 28129
                                                                                                    com.facebook.react.common.JavascriptException: Error: Tried to access NativeModule "SplashScreen" from the bridge. This isn't allowed in Bridgeless mode., stack:
                                                                                                    anonymous@1:1105990
                                                                                                    loadModuleImplementation@1:102173
                                                                                                    guardedLoadModule@1:101696
                                                                                                    metroRequire@1:101326
                                                                                                    anonymous@1:732032
                                                                                                    loadModuleImplementation@1:102173
                                                                                                    guardedLoadModule@1:101696
                                                                                                    metroRequire@1:101326
                                                                                                    anonymous@1:108121
                                                                                                    loadModuleImplementation@1:102173
                                                                                                    guardedLoadModule@1:101653
                                                                                                    metroRequire@1:101326
                                                                                                    global@1:100871
                                                                                                    
                                                                                                    	at com.facebook.react.modules.core.ExceptionsManagerModule.reportException(ExceptionsManagerModule.kt:52)
                                                                                                    	at com.facebook.jni.NativeRunnable.run(Native Method)
                                                                                                    	at android.os.Handler.handleCallback(Handler.java:938)
                                                                                                    	at android.os.Handler.dispatchMessage(Handler.java:99)
                                                                                                    	at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:27)
                                                                                                    	at android.os.Looper.loop(Looper.java:246)
                                                                                                    	at com.facebook.react.bridge.queue.MessageQueueThreadImpl.lambda$startNewBackgroundThread$2(MessageQueueThreadImpl.java:217)
                                                                                                    	at com.facebook.react.bridge.queue.MessageQueueThreadImpl$$ExternalSyntheticLambda1.run(D8$$SyntheticClass:0)

tdinckaya avatar Nov 30 '24 01:11 tdinckaya

have you tried this https://github.com/crazycodeboy/react-native-splash-screen/issues/637#issuecomment-1922781411 ? I'm using RN 0.76.3 and its work fine at least on iOS. I don't know about Android because I still figure it out how to integrate with kotlin

rukmanary avatar Dec 09 '24 09:12 rukmanary

have you tried this #637 (comment) ? I'm using RN 0.76.3 and its work fine at least on iOS. I don't know about Android because I still figure it out how to integrate with kotlin

In my case, when i adding [RNSplashScreen show]; to my AppDelegate.mm file, then my app gets stuck on the splash screen in ios.

This solution work for me as well. Thanks!

priyankgandhi0 avatar Dec 18 '24 05:12 priyankgandhi0

have you tried this #637 (comment) ? I'm using RN 0.76.3 and its work fine at least on iOS. I don't know about Android because I still figure it out how to integrate with kotlin

Thanks @rukmanary , this solution is working for IOS.

did you get any solution for android ? In android getting Cannot read property 'hide' of null

Piyush-Manglani avatar Dec 31 '24 13:12 Piyush-Manglani

react native > 0.7x.x add key into file Info.plist

<key>UILaunchStoryboardName</key>
<string>LaunchScreen</string>

taongocson avatar Jan 14 '25 03:01 taongocson

Facing same issue

rupal-syngenta avatar Jan 21 '25 09:01 rupal-syngenta

🚀 Consider Using react-native-splash-view Instead!

Hey there! 👋 If you're facing issues with AppDelegate changes in React Native 0.76+, you might want to try [react-native-splash-view] instead!

Why switch to react-native-splash-view?

  • Fully compatible with React Native 0.76+, including Swift-based AppDelegate.
  • No extra hassle—works smoothly with both Objective-C & Swift projects.
  • Simple integration with iOS storyboard splash screens & Android launch screens.
  • Lightweight & actively maintained for the latest React Native versions.

Check it out & give it a try! 🚀✨

jagnesh avatar Feb 24 '25 12:02 jagnesh