White screen after splash screen ionic capacitor. It also appears in the default ionic starter app.
White screen after splash screen ionic capacitor It’s been 48 hours so far, troubleshooting Jun 2, 2020 · Ionic installs the blank project successfully. Aug 10, 2020 · Hi, I’m experiencing issues with boot time in Capacitor. Ionic Capacitor offers tools to generate and customize app icons and splash screens, ensuring your app reflects your brand identity. Alsoo if I run the app with XCode if I run the app with emulator in Iphone 8,9,10,11,12,13 show a whitescreen after splashscreen, but if I run the app with emulator in IPad it works. mp4 And here is the splash screen displayed on a simulator: Expected May 1, 2024 · Answer by Mavis Meza Good video to review here 177 on white screen issues. Oct 19, 2023 · Hello, I’ve just run through the following nuxt/ionic tutorial in an effort to build a cross platform app. After Immigration I ran ionic cordova run android —prod and the building process worked successfully. Am I correct with that statement? Now my problem is, in low end devices, I get a empty white Mar 7, 2023 · I have an Ionic/Capacitor app that targets Android. We use Capacitor 6. Despite following the standard procedures to set a custom splash screen and icon image. Setting the plugin delay time to zero Summary The app works perfectly when i run it with expo start but as soon as i run it with expo start --no-dev --minify i get a white screen after the splash screen no matter what i do (same happen in apk stand alone builds as well). I have been searching around for some examples Dec 10, 2020 · If i increase the value as 60000, i am getting white screen after splash and the white screen is visible for around 10 to 15 seconds, then it disappears and the app loads. If you let comments here under with some good The official community subreddit for discussing, learning, and building cross-platform apps with Capacitor, by Ionic. I added Capacitor to my ionic v3 project, and have the White Splash Screen problem. It also appears in the default ionic starter app. js:1 Error: JIT compiler unavailable at Kr (main. After the update on IOS 15 and IOS 16, a blank white screen appears after the splash and my app just stucks there. Dec 6, 2023 · Ionic 7 supports Android 5. The app shows a splash screen and then goes to white forever. Everything works fine until I run npx cap run android. May 20, 2022 · When I try to build the app in release mode: $ ionic capacitor build android --prod The Android project is produced fine and I can create an . hide () after timeout delay equal to fade out timeout. It do… Sep 16, 2022 · After installing an app that created from Capacitor 4 on Android, when first opening it, it stuck at Splash Screen. co Apr 18, 2022 · Hello, I developed an ionic application which works well on the browser, but when I tried to build an android application, I had a lot of problem. Create an ionic app with capacitor, deploy it on the simulator or physical device: 1) Launch the ap Aug 25, 2023 · I have an older application made with ionic 5 / capacitor 3. show Here is a video of the issue: Screenrecorder-2022-12-23-11-05-55-720. Feb 11, 2021 · Bug Report Capacitor Version 2. Nothing happens after that. 1", and this is how my initial Splash Screen looks like on Android 11. Mar 19, 2020 · I’m using ionic 4 and Capacitor in my project, my problem is I get a white screen after the splash screen, I tried to edit capacitor. if i try to run it connecting my device app runs perfectly. $ npm install cordova-plugin-lottie-splashscreen $ npm install @awesome-cordova-p Jun 22, 2024 · Answer by Iyla Spencer Checking the logs i see: capacitor app started capacitor app resumed after this i see the white screen than my app logs,White flickering is the same issue like White screen for seconds after splash?,install any ionic starter app and add android with capacitor Jun 10, 2025 · Now I have 2 apps - one built more recently on a newer version of ionic/capacitor/angular - I tried that one on the ipad air 2 and it worked - no white screen. 55 inches, 1080x2400) This is the sample splash screen which is being used by both I tried to use a 9-patch and Aug 22, 2018 · Hi, I just updated my Ionic2 project to Ionic4 by using CLI tool to start a new project and moving code from old to new. I have a “problem” with my app. Sep 20, 2020 · 0 As i'm trying to run the app via capacitor using the command below. Feb 23, 2017 · Sorry for revive this topic, but i have to put my solution for the White Splash Screen (ionic + Capacitor). xml Steps to reproduce: nothing much just added splash screen to config. js:1 FIX a Blank Screen after the Splash Screen (NEW Splash API) Stevdza-San 94. But when I sign my code and upload it for internal or closed (Alpha After that I deployed it to internal and external testing on TestFlight and when I or anyone else run it on iphone it is just black or white screen. It can … Jan 24, 2024 · hello, i want to add a splash screen image to my app. /. Dark Mode - The Dec 9, 2019 · I’m trying to set up an Ionic 4 React app with Capacitor. log ('dangggggggggggg'); which is inside the initializeApp () but i only see white screen. Jun 19, 2023 · I would like to be able to launch the app from XCode without having to run it with ionic capacitor run ios -l --external command. Full support for localization. However, you can use the official Capacitor starter template with angular the reproduction steps are given above When using my app on an iOS Jul 1, 2021 · I have made a mobile app using nuxt and capacitor 3. How can I remove the white screen? Sep 26, 2021 · I'm having some issues with my app displaying a blank white screen for a brief moment after the Splash Screen disappears and before the app UI loads. The cordova-res splash screen worked until I recently upgraded to the latest AndroidStudio Dolphin 2021. I am developing an application with ionic and i am using tabs project. Navigation Bar - The bar at the bottom of the screen (or the 2/3 button bar). How can i fix this problem. Code Reproduction Create a Ionic Capacitor app with ionic start and add the Oct 18, 2023 · Good afternoon, I was compiling an app a few days ago with Capacitor v3. problem is only with the simulator xcode version 13. I’ve even followed their 2023 vue conf youtube video as well although they appear to be the same exact project. The problem is after built our apps, virtual and physical devices shows only a blank/white screen. On a simulator, it display a splash screen, but it's different from the one displayed by calling SplashScreen. i generate the icon and splash with this: npx capacitor-assets generate icons worked for ios and android but splash screen only works with android < v12 i see that from v12 its a common behavior from android OS. Splash screen workshop app lets you test splash Jan 15, 2022 · I've tried setting up the below react apps locally and this is working as expected, however, when I try to install capacitor to these react apps and execute it from android studio. It just hangs on the splash screen. There, for the app splash screen, I am using the ionic native splash screen plugin. Oct 6, 2022 · Want better splash screens for your Ionic/Capacitor 4 apps? It’s finally here! Silky smooth, seamless transitions from the system splash screen to your app. On the real devices you should be able to update the System WebView “app” on Android 5-6 or Chrome on Android 7-9 to not need those workarounds. It is the first time I build an Android app using Capacitor. On devices using android > 12 (new splash screen API), splash screen is replaced by icon. I create my resources using the cordova-res tool, so I am not sure if there is a built-in workflow with that tool to accomplish this, or if like with Xcode, you need to make some adjustments in Android Studio in order to have the different splash screens for the app. I’ve searched all Strangely enough, creating app builds with this same exact configuration (fresh ionic capacitor v4 angular v14 project) on an Intel chipset Mac has no problem locating the package manager and displaying properly in all SDKs. 🇺🇸🇧🇷 Full support for dark mode. Contribute to ionic-team/capacitor-plugins development by creating an account on GitHub. The app also works fine in debug mode. Nov 6, 2018 · Maybe something to do with the lazy loading? The splash screen is configured to dismiss after 3 seconds, so it will disappear and show the webview, which might be white depending on the app. Dark Mode - The This Capacitor 4 plugin is a replacement for the official Splash Screen plugin and provides complete control over native splash screens, both automatically at launch and via code. This is how tabs-routings-module page looks like const routes: Routes = [ { path: 'tabs', component: TabsPage, children: [ { path: '', redirectTo: 'tab-1', pathMatch Jan 26, 2022 · I have an ionic project, so after I run this build ionic cordova run ios -l --consolelogs --target='2E565780-E17E-4358-8DD0-FFA9681D5F8C' usually it is working fine, but somehow now I got error. Apr 23, 2020 · I’m having the exact same problem, it does not really matter wheter you add or not a custom splash screen even with default settings when you run a blank ionic project, it will behave the same with the capacitor splash screen. xml Android Bars In an Android Capacitor application there are several Native UI components that you may want to style: The "Notch" - The area under the front facing camera. since you have set splash screen it should not white-screen-after-splash-screen-ios939c2ea5afwhite screen after splash screen react native, white screen after splash screen ionic, white screen after splash screen ionic capacitor, white screen after splash screen android, white screen Oct 28, 2022 · I`m using "@capacitor/splash-screen": "^4. After it’s created, I run the following commands: npm i --save @capacitor/android ionic build --prod npx cap sync android npx cap open android In Android Studio (Dolphin) I ran the app, the splash screen appears and then nothing. Splash Screen - The screen that shows when you launch your app. It is on Ionic 5. Sep 6, 2022 · Hello team, I have an issue with my ionic application on iOS, when it is running on the simulator, it got stuck on white screen after the splash screen. Please let me know if you find a work around. 2 canary 11 successfully when i run my emulator on pixel or via mobile USB debug mode it gives me white screen after capacitor splash screen. So far so good, however the splash screen is completely broken. But I have a blank page. No errors or anything in the console. As recommended by the Capacitor documentation, my app uses the cordova-res package to generate the splash screen. Oct 2, 2024 · I am going through a irritating situation with my Ionic Capacitor 6 app on iOS 16. This is my first time running it on device, I somewhat suspect it has something to do with iOS 14. The app boots up using the native splash screen and shows the logo (for less then a second). 6 (for all packages) This happens when opening the app in a device, and debugging it with Chrome Remote Devices. Jul 11, 2025 · If I remove the splash screen plugin I get the correct status bar style without making any further API calls. Dec 10, 2021 · While running my application in iOS device, instead of splash screen a white screen appears. No idea where capacitor’s logo is coming from. I have gone Mar 21, 2019 · In capacitor 3 you can just don’t install the splash screen plugin. yuco. If i use chrome chrome://inspect/#devices it shows my app running and as i see my console it also shows me console. But my older app gives me the white screen. This is what Chrome dev tools show: onscript loading complete main. May 15, 2023 · Hi, I have been working on Ionic V3 framework for a long time and is now decided to move to Ionic 7. Full set of hooks for implementing custom animation. However, I think the splash screen is shown for a predefined amount of seconds. - I am using latest ionic version ( ionic 5 ). $ npm install cordova-plugin-lottie-splashscreen $ npm install @awesome-cordova-p May 6, 2020 · I have this application that doesnt show it’s capacitor splash screen on ios. 2. ionic cordova resources command had been used, even after that this issue occurs Version details: Ionic: Sep 21, 2020 · This bug is for the SplashScreen plugin described here. I’ve already adjusted the app-routing. It can be programmatically hide calling splashScreen. If and only if I use the –prod flag for the build (ionic cap build android --prod), the app shows only a white screen after the splash screen Sep 15, 2022 · Hello, I am facing one of the famous “white screen after splash screen” issues. On android it is working fine. Mar 19, 2020 · Hello. 🌗 Full support for Android 12+ splash screens. When we create a new ionic app with capacitor, we got a problem. Status Bar - The bar showing the time, battery, and network status. How can this issue be fixed? Sep 22, 2020 · My Ionic Capacitor app works fine in the iOS simulator, but does not run on device. After the app splash screen shows I get a blank white screen. Routing module: const routes: Routes = [ Sep 2, 2020 · When we create a new ionic app with capacitor, we got a problem. Apr 11, 2021 · The app starts, I see its splash screen, but after few seconds I’m only able to see a blank white screen. ionic capacitor run android as it runs in the android studio 4. I run it with Capacitor. 👉 NOTE: This plugin does not work with Capacitor < 4. It doesn't throw any errors, just hangs. Everything fine, but we noticed a strange behavior with different devices, both in the class of xxhdpi (Android). module file, but the issue persists. When it’s running, after the splash screen and before the app it’s ready, a white screen appears for about 5/6 seconds and it’s so annoying. If and only if I use the –prod flag for the build (ionic cap build android --prod), the app shows only a white screen after the splash screen Dec 23, 2022 · This used to work on capacitor 3, but after the upgrade to capacitor 4 it doesn’t anymore. Jul 17, 2020 · App shows white screen when converting from ionic to IOS or Android Asked 4 years, 8 months ago Modified 4 years, 8 months ago Viewed 2k times Dec 3, 2022 · Want better splash screens for your Ionic/Capacitor 4 apps? It’s finally here! Silky smooth, seamless transitions from the system splash screen to your app. I would be happy to see any more detailed documentation, how to use Android splash screens with Capacitor in the future, because I just get a white screen after the migration, before the app content shows up. Jan 12, 2022 · Unfortunately this plugin (splashscreen) does not work with Capacitor v3. Create an ionic app with capacitor, deploy it on the simulator or physical device: Launch the application Get black screen <-- this was not h Feb 28, 2022 · ionic capacitor run ios -l --external works fine and loads my login page on the iPhone. 3K subscribers Join Aug 3, 2019 · I am using capacitor With IONIC 4 , On android devices The splash screen loading two times. 1 mac os bigSur Projrct Angular ionic capacitor based Ionic 5, Capacitor 2. The problem is after the splash screen end’s loading the app stuck with a blank white screen for at least 2 seconds then loads the tabs module. I finally solved this problem successfully based on this topic: However, tested on older Android, specifically Android 11, it is not good, it stretches completely. 0 too) I’ve replace the default capacitor splashscreen with one of my own, however whenever I run my app: -capacitor’s logo on a white background briefly displays -my custom splash screen shows -it hides when the app is fully loaded. Whether you're looking to enhance your app's visual testing ioinic with the tabs template, works fine with `ionic capacitor run android -l --external`, it works on my phone, but when I try `ionic capacitor run android` then to android studio run app, after the capacitor splash screen it just shows white black screen, same even I tried build apk fromit just white screen. The problem is that a white screen appears after the splash screen. And it runs without any errors on my device from the android studio in development. No UI or functional elements are visible. I would like to get rid of the white navigation bar Jun 15, 2019 · I'm starting to get in desperation mode, I've updated my Ionic CLI and now I can't test my project. Dec 4, 2024 · Inspecting via Safari Web Inspector shows the tag is empty. Splash screen workshop app lets you test splash screens and tweak timing Este es un tutorial para personalizar el splash screen y el icono de una app desarrollada con Ionic 8, Angular 18 y Capacitor 6. red color, you see What is Capacitor by Ionic? Capacitor is an open source project that runs modern Web Apps natively on iOS, Android, Electron, and Web (using Progressive Web App technology) while providing a powerful and easy-to-use interface for accessing native SDKs and native APIs on each platform. I have successfully upgraded to API 33, now using capacitor 4. I sincerely hope that someone can help me! I am building an Ionic Angular app for Android. After the splash screen, the app shows a white screen and doesn’t proceed unless I close the app and reopen it. Dec 1, 2015 · The Ionic-v3 category is for all posts related to ionic-angular the framework itself. However, there’s still this annoying white screen with a capacitor? icon that loads BEFORE the custom splash screen loads. The app is openi as it runs in the android studio 4. I have a problem with my app. Feb 10, 2025 · This application simply displays a splash screen after having completely emptied it to test this error and try to isolate it. About Features Installation Launch screen configuration Usage Custom animation API Jun 15, 2019 · I'm starting to get in desperation mode, I've updated my Ionic CLI and now I can't test my project. 3000 when starting the app, the ionic logo flickers for a second (or change the splash to i. XXX. Jun 29, 2021 · I am migrating my Ionic 5/Angular 12 project from Cordova from Capacitor and I am running into an issue with a few of my plugins when the app is starting up. But it will still show the launch storyboard on iOS and the activity background on android and while the webview load you’ll see a white screen for a brief moment. component. First from android and then Ionic Capacitor. Jun 22, 2019 · I have created a sidemenu template application with Ionic 2. Aug 2, 2022 · I am just migrating to capacitor 4 and followed the migration guide to use the new Splash Screen API. When using the SplashScreen plugin (auto hide false) I can also confirm that after hiding the splash screen in code I need to introduce a delay before setting the status bar style or it is ignored. In this article we will learn how to create a splash screen for an Ionic capacitor application and how to add it to our ionic App. lowest version worked well expected result-android 10 actual-android 12 i couldnt find a way to show correctly splash styles. I made May 13, 2020 · Hi, I’m experiencing issues with boot time in Capacitor. apk/deploy to a device or emulator. com Tags: dimensions shell splash-screen Share Link to this answer Share Copy Link Contributed on Jun 14 2021 GutoTrosla 0 Answers Avg Quality 2/10 Feb 17, 2023 · When running application on android < 11 devices, splash screen is showing correctly. 6 splash screen issueWe have the same problem as described. commands used:💉ionic Feb 3, 2022 · I’m looking for some documentation or examples for creating dark mode splash screen assets for Android. Then capacitor kicks in with a white screen. Than i run: ionic capacitor run ios Which adds the ios platform and opens up the xcode. XXX my app work. But when I am running my application on an Android device I am facing an issue of the white screen being displayed for several seconds after the display of the splash screen. See docs here 250 on remote debugging. 🚀 Full support for localization. Capacitor ships with a brand new splash screen of its own and it will not have this kind of problem. 9. Sep 15, 2020 · Hello, I wanted to test capacitor for IOS with our PWA which is available here https://employee. There is a 'white flickering' when starting the app. 4. 1+ with Chromium 79+ Angular supports “2 most recent major versions”, it’s not very clear what they mean by that, but it’s clear they won’t support old WebView versions. e. The app works fine on Android 14 and above, but on Android 13 and below, it either crashes or shows a white screen after briefly displaying the splash Dec 2, 2024 · Hi everyone, I’m encountering an issue with my app on iOS devices. json but I still got the same problem : Nov 27, 2023 · This will make the white screen go away, but there could still be issues since you are running the app in unsupported Ionic/Angular chromium versions. ready Jan 13, 2020 · Top Results From Across the Web Why white screen stuck after splash screen in Ionic 4? So solution is to request permissions after splashScreen. How can I fix it to make the splash screen Oct 1, 2022 · It only appears on my Android 12 OnePlus, on my Android 11 Xiaomi there’s no text. here is my capacitor. But before Jul 5, 2022 · I am currently facing an issue specifically on Android with Capacitor: The initial loading time of the app is over 30 seconds long. After a lot of modifications, I couldn’t get rid of this black screen, I thought that maybe it’s the plugins I use are not well managed. yo Question trying to solve the white screen problem after the splash screen then it loads, how do we remove it?i tried to set timeout but still not working. . This tutorial demonstrates the fundamental structure of an Ionic application and prepares you to integrate custom designs for your icons and splash screens. When I try to debug in Xcode, the output is given as ' Bug report What steps will reproduce the problem? Install the dependencies in a React Ionic with Capacitor project. Same thing happen if I try to install using XCode as well. And I think this will also fix the blank page of the app from TestFlight and iOs. It doesn’t appear that the plug in settings have any impact on this “default” screen. Apr 5, 2021 · Hi everyone. Jul 20, 2020 · I’m facing the following issue when using @capacitor/ios: 2. Código Fuente: https://www. no console errors Jun 24, 2022 · Bug report What steps will reproduce the problem? Install the dependencies in a React Ionic with Capacitor project. My front is on React and I am using Yarn. Aug 25, 2022 · Hey guys, I’m running ionic 5 (Capacitor 3) with angular 11, the app works fine on the Web but whenever I try to open it from Android studio the screen just freezes and the terminal does not show any errors, Sep 20, 2024 · see Problems with white screen after splash screen on android 7 and below \ Ionic 7 with Angular - #2 by julio-ionic In this video, we'll guide you through the process of creating stunning custom icons and splash screens for your Ionic apps using Capacitor. The Splash Screen API provides methods for showing or hiding a Splash image. Expected Behavior Apps should be working. App is not being loaded. After the splash screen only what I could see was a white page. 3. Thank you for your help in advance. But if I close my app, and open again the app don’t work anymore and get stuck on the white screen forever. In Android 12 and above Google changed the way Splash Screens are displayed, using a smaller icon with colored background instead of a full screen image that was possible with Android 11 and below. 3), the screen will stay blank after the splash-screen (which has auto-hide configured). 2, we got bug reports with the same symptoms from users with 15. A white screen is shown for a long time, before the app is loaded. When I run: ionic cap run ios -l my app show a whitescreen after splashscreen, but if I run: ionic cap run ios -l -host=XXX. It works fine on my emulator, but when trying on real device, it shows white screen after the splashscreen. I attached a chrome debugger and can see the following Apr 21, 2025 · I’ve just updated my app to capacitor 7 using ionic 7, which uses xocde 16. Has anyone experienced a similar problem? If so, how did you resolve it? Any guidance would be greatly appreciated! Thanks in advance A splash screen is similar to a start screen or start-up screen. platform. /node_modules/@capacitor/splash-screen) dependency were found, but they required a higher minimum deployment target. I’ve added a custom splash screen to my assets in iOS, and the screen loads. I tried creating a new blank project with capacitor, everything else works fine except when building it and testing it on real device. Nothing can be seen, just a blank screen (while the "ionic serve" app in desktop works perf Hello friends,- Here we will create custom ionic animated splash screen in just 5 minutes. Jan 13, 2021 · Hey, I upgraded my old cordova app to capacitor app, everything is working fine but I am seeing a white screen between splashscreen and my home page. However, your app should boot much faster than this! To make sure you provide the fastest app loading experience to your users, you must hide the splash screen automatically when your app is ready to be used. Sep 2, 2020 · In this story, we will see the solution to the simple problem faced by those who develop capacitor and inic applications. Official plugins for Capacitor ⚡️. initializeApp(); } initializeApp() { this. This is how it does appear in a Google Pixel 2 (5 inches, 1080x1920) And this is how does it appear in a OnePlus 7T (6. I’ve read that Capacitor handles splashscreen differently than Cordova, which first shows a grey window and then it is filled with the real splash screen. To reproduce: install any ionic starter app and add android with capacitor Set the launchShowDuration of the splashscreen to i. If you have any questions about the forum, please use the meta tag instead. app/. It is needed to force stop it and run it again to solve the problem. ,then use a setTimeout to hide the splash screen in your app. Full support for dark mode. when i get this white screen i also get no errors or output in the terminal whatsoever just a blank white screen with nothing to go on to fix the problem . example: config. In my app. Any input or direction Feb 1, 2022 · Jan 18, 2018 — Normally "White screen" will appear on initial launch for Android and iOS for Forms APP. Dec 18, 2021 · Thanks to the @capacitor/splash-screen plugin that we have installed, we can easily control some properties of the Splash Screen of our App. 1. Capacitor is smarter, it shows the real SplashScreen already during the first phase May 13, 2020 · Hi, I’m experiencing issues with boot time in Capacitor. 0 with Angular 17. Feb 23, 2017 · Hi guyz, There are many posts on the the forum regarding Ionic2 and the current subjects “App boot time too slow” or “Speed up boot load time” or “splash screen take too much time” or “taking too much time to load” so I was thinking that I could open a post about the current state and with some current best practices/possibilities. It is a graphical control element that consists of a window that contains the image, logo, and current version of the software. I have built a Ionic v4 capacitor app. Especially the black screen that shows up after splash screen. Capacitor is smarter, it shows the real SplashScreen already during the first phase Apr 27, 2021 · Can anyone possibly tell me why we have a couple of seconds of delay on app startup in the ionic 5 capacitor app? Is there any way to avoid the white screen after the splash screen and root page ? Mar 19, 2025 · [capacitor] Specs satisfying the CapacitorSplashScreen (from . on Android working fine. Finally If I work ionic splash screen dimensions Comment 0 # icon: 1024×1024px # splash screen: 2732×2732px # command: ionic cordova resources --icon ionic cordova resources --splash Popularity 10/10 Helpfulness 2/10 Language shell Source: ionicframework. Nov 6, 2018 · Capacitor displays my custom splash screen as normal, however it will always display a white screen next, before finally navigating to the first route page. 20. I’ve read a lot about this kind of problem and unfortunately the proposed solutions didn’t help in my case (maybe I’ve missed something). How can this is Sep 16, 2022 · I have a vanilla Ionic + Angular + Capacitor application, created via “ionic start”. However when I run the app, it shows me only a blank white screen on IOS. my ionic version is : 6. But when running without live reaload option ionic capacitor run ios --external it just shows blank screen. xml <preference Feb 23, 2020 · After I followed the tutorial what needs to be done to use an existing app with capacitor and I build the apk file, signed it, zipaligned it, installed it on my device, then start it: the splash screen shows correctly but then the screen gets white and is frozen. hide() as soon as the platform is ready. Jul 1, 2021 · I have made a mobile app using nuxt and capacitor 3. 64f759d589c2bca6. so I left on a new blank application. Aug 7, 2022 · Ionic capacitor blank screen julio cesar martinez zarate 53 subscribers Subscribed Mar 7, 2022 · I am trying to build a blank iOS project using ionic v6 capacitor 3. ,White screen issues indicate a bug in your app code. Nov 28, 2021 · 0 i recently moved to a new macbook with m1 chip, the ionic capacitor app which was running perfectly fine n intel based mac is now showing white screen after splash screen. In case you do get an issue with the splash image width being stretched, the xml will solve that Dec 31, 2020 · I'm giving this issue minimal attention because "white screen" is possibly the # 1 reported issue, but it's never a bug in Capacitor. config. I am currently using the cordova-plugin-splashscreen package for displaying the splash screen and I tried increase the The Splash Screen API provides methods for showing or hiding a Splash image. For example, we can set a background color or the time Sep 15, 2022 · Hello, I am facing one of the famous “white screen after splash screen” issues. I cannot share my project's code due to confidentiality. 4 and Angular 9. Feb 7, 2022 · The first time I install my capacitor app on a device the app works correctly. Apr 12, 2018 · Try Capacitor with Ionic 4. I followed this documentation, but the issue still persists. xml Oct 18, 2024 · Hello, When I run our Capacitor 6 app on an older iOS version (this case 16. I tried removing @capacitor/splash-screen, but the text is still there. What is the problem? Can anyone help me? The Splash Screen plugin provides control options for displaying and hiding a splash screen, commonly during application launch. xml Related code: my config. ts,White screen after splash and before my home screen capacitor ionic13 Nov 11, 2020 · I am working on my first Ionic App. 0 can you please suggest me a direct solution for this ? thank you Feb 15, 2022 · I am using Angular 11 and ionic 5 for my app. Have been reading and trying around for a week now, but without any success. This bug is for the SplashScreen plugin described here. ts file, I initialize my app in the constructor: constructor( private platform: Platform, private ga: GoogleAnalytics, private oneSignal: OneSignal, ) { this. 0 (also previously on 2. Reading the github repo’s issues and comments, it doesn’t look very promising for getting support anytime soon… Jan 16, 2021 · The launchShowDuration is probably what you're after. 0 and all good for android and ios, but suddenly no longer wants to return to work well in IOS after the Splash screen remains black screen. From there if i hit the emulate button it compiles without any error, the emulator starts but after the splash screen with the capacitor logo i only see white screen. More likely, there's a JS error somewhere in your app that's causing the entire app to fail. After the splash screen is shown there is only a white (light mode )or black (dark mode) screen. Apr 21, 2025 · I’ve just updated my app to capacitor 7 using ionic 7, which uses xocde 16. Nov 22, 2022 · Hello, my app running on ionic 6 and capacitor 4 has that weird splash screen view (it works fine on android 11 and less and on ios) In a12 and android 13 i just see this: How to fix? I tried to follow the guide b… Hiding the Splash Screen By default, the Splash Screen is set to automatically hide after a certain amount of time (3 seconds). What could cause this, and how does capacitor now which files to use as a splashscreen screen? Forum for Ionic Framework, Capacitor, and everything cross-platform mobile app development related Apr 22, 2022 · Hi everybody. When I bootstrap the app, appear a splash screen and display white screen long time. npx @capacitor/ Mar 18, 2025 · After updating to Capacitor 7, some testers reported that the app no longer starts on Android 10 and 13. I have my splash images setup and they are shown fine. Sometimes when I open app its working but then out of nowhere its just showing black or white screen. Feb 26, 2024 · I'm developing an Angular app with Capacitor 5 and I'm facing an issue with the splash screen. I am getting no error on my console, just wonder why this white screen is coming. Has anybody experie Jan 7, 2018 · Hi to everyone. I was able to reproduce this issue myself. This bug is really annoying, it makes your app look horrible . Nov 18, 2021 · Hi, I did upgrade my Ionic v3 application from Cordova to Capacitor 3 as per the documentation. Full support for Android 12+ splash screens. How is it possible to avoid this white screen? I didn’t saw a lot of question about this (without working answers) and I would like to have an updated answer 🙂 I don’t post code because I Current behavior: I have added splash screens into my app, but its showing white screen instead of my splash image Expected behavior: I should be getting the splash image that’s specified in config. Sep 13, 2023 · Platform (s) Android Current Behavior On Huawei P20 devices apps made with Ionic Capacitor are stuck after the splash screen. After the splash display, the app will get caught on a white display and would not load. oyccpgmzgubqdttzypdmsjornhlnqvafuxbmaskdssaadtsjtzxlgcygopzkcojrdxyycyvuqpqi