时间戳

首页 > 解决方案 > 离子 ios 电容器闪屏工作，但无法添加图像

ios - 离子 ios 电容器闪屏工作，但无法添加图像

问题描述

我正在尝试使用离子电容器显示自定义启动画面。我遵循了启动屏幕文档，并使其适用于一般颜色背景。但是当我尝试添加图像时，它不起作用。这是我的代码：

电容器.config.json：

"SplashScreen": {
   "launchShowDuration": 2000,
  "launchAutoHide": false,
  "backgroundColor": "#00FF00",
  "androidSplashResourceName": "splash",
  "androidScaleType": "CENTER_CROP",
  "showSpinner": false,
  "androidSpinnerStyle": "large",
  "iosSpinnerStyle": "small",

  "spinnerColor": "#999999",
  "splashFullScreen": true,
  "splashImmersive": true,
  "layoutName": "launch_screen",
  "useDialog": true
 },

app.component.ts：

console.log('waiting starts!')
SplashScreen.show({
  showDuration: 2000,
  autoHide: true
});


this.platform.ready().then(async() => 
{
  console.log('waiting ends')
  SplashScreen.hide()

  StatusBar.setStyle({style:Style.Default});
  ...

来源：https ://capacitorjs.com/docs/apis/splash-screen

在我的 json 文件中，我将屏幕设置为绿色（使用backgroundColor参数），它可以工作：

绿色屏幕

但是我无法使用以下文档使启动图像正常工作：https ://capacitorjs.com/docs/guides/splash-screens-and-icons 。这是我目前的设置：

在此处输入图像描述

在此处输入图像描述

遵循本教程（https://www.joshmorony.com/adding-icons-splash-screens-launch-images-to-capacitor-projects/）并运行cordova-res ios --skip-config --copy它不起作用。有谁知道出了什么问题？我认为这可能与我的启动屏幕故事板有关。在项目的早期，其他人弄乱了它，所以现在它看起来像这样：

在此处输入图像描述

注意：我用于启动画面的测试图像只是一个蓝色画布，所以如果有人想知道，那就是启动画面上的内容。

标签： iosangularsplash-screencapacitor

解决方案

在 iOS 上，Splash 插件使用配置的启动故事板（LaunchScreen.storyboard默认情况下），所以如果你弄乱了它，这可能是它不再工作的原因。它应该包含一个加载 Splash.png 图像的 ImageView。好吧，你真的不需要显示图像，无论你添加什么，图像，文本都会显示出来。

在 Android 上，当您配置 时layoutName，它将使用您在布局中调用的任何内容，launch_screen.xml而不是图像。

推荐阅读