Ionic & Capacitor - Android 闪屏响应

分享于2023年03月15日 android angular capacitor ionic-framework splash-screen 问答
【问题标题】:Ionic & Capacitor - Android Splash Screen ResponsivenessIonic & Capacitor - Android 闪屏响应
【发布时间】:2021-05-22 21:52:51
【问题描述】:

上下文

这与闪屏图像的响应性有关,根据我的研究,它只是因为 Capacitor Docs - Splash Screen 缺少文档而发生。

问题

在实现电容器的闪屏插件时出现问题。通常,当您创建整个项目时,此实现是从头开始的。但是,它在具有 拉伸 纵横比的设备(例如 Google Pixel 2 XL)或具有 纵横比的设备(例如例如 iPad Pro)。甚至在某些情况下,初始屏幕图像会四处移动或缩小/展开(在加载时)。

视觉解释

换句话说,本机实现导致启动屏幕图像就像下图一样。如果设备被拉伸或变胖,则不会保留图像纵横比。

  • 感谢您与社区分享此内容的朋友。你拯救了我的一天,我花了很多时间试图解决我的应用程序启动画面的两个问题,一个是状态栏颜色暂时变黑,第二个是徽标以某种方式向上移动。但是,尽管出于其他目的,您的建议解决了我的问题。谢谢!
  • 我在 Capacitor 3 上发现了一个类似的问题,即启动画面仅在几分之一秒内显示扭曲的图像,直到正确显示。我在这里发布了解决方法: stackoverflow.com/questions/66966453/…
  • @KlemensZleptnig 感谢您的评论 :) 如果我没记错的话,这个问题/答案也解决并解决了您刚才描述的问题。但是,您找到的解决方法 (@null) 非常有趣!
  • 是的,您的解决方案可能也可以解决我描述的问题(尚未测试)。或者换句话说:如果有人实施了您的解决方法,那么我描述的问题一开始就不会发生。所以有点重叠。我现在扩展了我的帖子以显示我使用的配置,并且我也没有调用 SplashScreen.show()
  • 它显示 'Plugins' 已弃用.ts,但我看不出有其他方法可以导入它。 :( "@deprecated 为 Capacitor v2 插件提供向后兼容性。Capacitor v3 插件应直接导入插件。此“插件”导出在 v3 中已弃用,将在 v4 中删除。"

【解决方案1】:

如果您出现两次启动画面(闪烁),请在 style.xml (android) 中尝试此操作

@drawable/splash
true
false
@null
true
true
@null

【讨论】: