Change the spinner position on the Splash Screen
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 45/100
Research direction
Start by reading the iOS implementation in SplashScreen.swift, especially the spinner constraints around lines 128 and 164, then locate the corresponding Android implementation and the plugin's capacitor.config.json options. Define a shared position configuration that works on both platforms, preserves safe-area behavior on iOS, and verify that each requested spinner position is applied.
Written by the indexing model from the issue text.
Description
Feature Request
Plugin
Capacitor 3 Splash Screen
Description
Splash screen typically have a logo or other feature in the center of the screen. Currently the spinner on the Splash Screen plugin is fixed to the center horizontally and vertically. Being able to configure the spinner to appear elsewhere on the screen would be useful.
Platform(s)
iOS
Android
Preferred Solution
Add an option to capacitor.config.json to determine the position of the spinner, ie TOP CENTER, MIDDLE CENTER, BOTTOM CENTER, TOP LEFT, etc.
Alternatives
i've achieved this on iOS by changing Pods > Development Pods > Capacitor > Plugins > SplashScreen.swift lines 128 and 164 from
self.spinner.centerYAnchor.constraint(equalTo: view!.centerYAnchor).isActive = true
to
self.spinner.bottomAnchor.constraint(equalTo: view!.safeAreaLayoutGuide.bottomAnchor).isActive = true
This moves it to the bottom center - the addition of the .safeAreaLayoutGuide ensures it doesn't cover the gesture bar on iPhone 10+
I don't have a solution for Android yet, but Google searching suggests that can be changed in the .java file also.
Additional Context
Based on a post here https://github.com/ionic-team/capacitor/discussions/3508 and the suggestion to post this as a feature request.
- Dominant language
- Java
- Stars
- 682
- Forks
- 689
- Avg merge
- 5d 11h
- Merged PRs (30d)
- 3
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from ionic-team/capacitor-plugins
-
[@capacitor/app] iOS: 'Expression implicitly coerced from String? to Any' warning in getAppLanguageOpentriage
Difficulty 1/5 Under an hour Newbie friendliness 88/100
ionic-team/capacitor-plugins#2604 ·
-
platform: ios
Difficulty 4/5 3-5 days Newbie friendliness 58/100
ionic-team/capacitor-plugins#2603 · 1 comment ·
-
platform: android
Difficulty 3/5 1-2 days Newbie friendliness 76/100
ionic-team/capacitor-plugins#2599 ·
-
platform: ios
Difficulty 3/5 1-2 days Newbie friendliness 68/100
ionic-team/capacitor-plugins#2595 · 1 reaction ·
-
platform: android triage
Difficulty 4/5 3-5 days Newbie friendliness 48/100
ionic-team/capacitor-plugins#2593 ·
All issues in ionic-team/capacitor-plugins
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
Maintainers usually reply within 1 day
-
Difficulty 1/5 Under an hour Newbie friendliness 88/100
apache/arrow-java#1311 ·
Maintainers usually reply within 2 days
-
bug triage
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
Maintainers usually reply within 1 day
-
security
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
IBM/networking-java-sdk#204 ·