question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Splash screen settings in 'capacitor.config.json' are ignored

See original GitHub issue

Describe the bug We can increase the display time of the splash screen by capacitor.config.json. (doc link)
This is useful when it takes time to prepare the capacitor app.

However, because quasar forces off splash screen, the setting is ignored. The relevant part is below. https://github.com/quasarframework/quasar/blob/ffaa7d5b2eba4e6bdb22a8329a793307cb0472c1/app/templates/entry/app.js#L54-L56

The following settings are ignored by the above quasar’s app.js

// capacitor.config.json
{
  "plugins": {
    "SplashScreen": {
      "launchShowDuration": 5000
    }
  }
}

or

// capacitor.config.json
{
  "plugins": {
    "SplashScreen": {
      "launchAutoHide": false
    }
  }
}

To Reproduce

  1. Add above settings to capacitor.config.json
  2. Run capacitor app
  3. Then, you can see capacitor.config.json setting is ignored
    (Because Quasar hide splash screen at mounted() part )

Expected behavior I think that quasar is better not to operate splash screen.
It should be left to the capacitor.

By removing below part, we can configure splash screen with capacitor.config.json.
Even if there is no setting, the capacitor automatically hides the splash screen after 3000ms. Developers who want to reduce the splash screen time can use SplashScreen.hide () separately.

https://github.com/quasarframework/quasar/blob/ffaa7d5b2eba4e6bdb22a8329a793307cb0472c1/app/templates/entry/app.js#L54-L56

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
yusufkandemircommented, Nov 27, 2019

@go-u an option for disabling Quasar’s auto-hide the SplashScreen when the app is loaded feature has been added in https://github.com/quasarframework/quasar/commit/350d8a4998e18931068933f3b0be4a08795d57f8.

@rstoenescu I think this issue can be closed now.

0reactions
snow-dropcommented, Apr 24, 2020

@yusufkandemir @rstoenescu Sure, no problem. I’m glad I could be of help to this project. 😉

Read more comments on GitHub >

github_iconTop Results From Across the Web

Turn off splash screen by going to capacitor.config.json
How can I disable splash screen option? I put splashScreen.hide() on app.component.ts but it's not working and 'splashscreen' is empty on ...
Read more >
Splash Screen Capacitor Plugin API
The Splash Screen API provides methods for showing or hiding a Splash image. ... splash screen, set showSpinner to true in your Capacitor...
Read more >
Ionic ios capacitor splash screen working, but unable to add ...
On iOS the Splash plugin uses the configured Launch Storyboard ( LaunchScreen.storyboard by default), so if you messed with it that can be ......
Read more >
ionic on Twitter: " Ionic Appflow now supports @getcapacitor ...
... ‍ Reliable native builds in the cloud 🗞️ Real-time updates ⚙️ CI/CD automation Learn how to automate your app workflows ......
Read more >
Will Capacitor replace Cordova? An overview of possibilities.
The problem can be solved in several ways. The first solution is to install SplashScreen and configure its lifetime in the application. The...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found