capacitor-plugins icon indicating copy to clipboard operation
capacitor-plugins copied to clipboard

Change the spinner position on the Splash Screen

Open webeditors opened this issue 4 years ago • 2 comments

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.

webeditors avatar Sep 04 '20 21:09 webeditors

Nothing new? it would be very useful

GosuMania avatar Feb 14 '22 22:02 GosuMania

Any update on this? Trying to show spinner below our app icon.

yannisvanlaerhoven3 avatar Mar 12 '24 08:03 yannisvanlaerhoven3