Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Change the spinner position on the Splash Screen

未关闭
#37 3 条评论 12 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
45/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
java, swift
领域
mobile

调研方向

首先阅读 SplashScreen.swift 中的 iOS 实现,尤其是第 128 行和第 164 行附近的 spinner 约束,然后找到对应的 Android 实现以及插件的 capacitor.config.json 选项。定义一个可在两个平台上运行的共享位置配置,保留 iOS 上的 safe-area 行为,并验证每个请求的 spinner 位置都已应用。

由索引模型根据 Issue 内容生成。

描述

enhancement platform: android platform: ios plugin: splash screen

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.

主要语言
Java
星标
685
派生
691
平均合并
16 小时 33 分钟
30 天内合并 PR
1

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

ionic-team/capacitor-plugins 的其他 Issue

查看 ionic-team/capacitor-plugins 的全部 Issue

相似的 Issue

更多 Java Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。