React Native中的iOS启动屏幕

Question

我正在使用一个React原生应用程序，我正在尝试设置一个自定义的启动屏幕，但我不能。

React Native在默认情况下创建了一个LaunchScreen.xib，因此我在Images.xcAssets中创建了一个LaunchImage：

我还读到我必须修改选项中“应用图标和启动图像”下的“启动屏幕文件”：

如果有人能帮我解决那些麻烦，我将不胜感激。

提前道谢。

Answer 1

在这个线程的帮助下，我能够解决这个问题：启动映像不显示在iOS应用程序中（使用images.xcassets）

所以我要好好解释一下，以防能帮到别人。

首先，您需要创建特定的图像。我使用的是这个模板和这个带有自动生成器的网页：TiCons

null

{
  "images": [
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "[e-mail]",
      "minimum-system-version": "7.0",
      "orientation": "portrait",
      "scale": "2x",
      "subtype": "retina4"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "[e-mail]",
      "minimum-system-version": "8.0",
      "orientation": "portrait",
      "scale": "2x",
      "subtype": "667h"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "[e-mail]",
      "minimum-system-version": "8.0",
      "orientation": "landscape",
      "scale": "3x",
      "subtype": "736h"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "[e-mail]",
      "minimum-system-version": "8.0",
      "orientation": "portrait",
      "scale": "3x",
      "subtype": "736h"
    },
    {
      "extent": "full-screen",
      "idiom": "iphone",
      "filename": "[e-mail]",
      "minimum-system-version": "7.0",
      "orientation": "portrait",
      "scale": "2x"
    }
  ],
  "info": {
    "version": 1,
    "author": "xcode"
  }
}

现在，我在React本机项目的images.xcAssets文件夹中创建了一个名为LaunchImage.LaunchImage的文件夹，并将图像和contents.json文件保存在其中：

其次，你必须在Xcode和“常规”设置中打开你的项目，在“应用图标和启动图像”下面，我们必须将“启动屏幕文件”选项留空（我们也可以删除我们项目中的LaunchScreen.xib文件），然后点击“使用资产目录”。一个模式将打开，我们选择迁移目录图像

现在，在“Launch Images Source”选择器中，我们可以选择我们之前创建的文件夹LaunchImage（带有我们图像的那个）：

我们选择这个而不是品牌资产，我们可以删除品牌资产文件夹。

此时，我们将能够使用自定义启动映像运行React本机应用程序：

我知道这似乎有点复杂，对于一个简单的任务，但读了很多关于它的，这是唯一的方法，我可以让我的飞溅图像工作，所以我想与社区分享。