在Expo（React Native）中删除默认闪屏界面

Question

我们在开发中使用了React Native Expo，但是在运行应用程序时，我们得到的是默认的启动画面，而不是我们自定义的启动画面。

有人能帮助我删除默认画面并设置我们自己的启动画面吗？

- Vyshak Krishna

---

在这里很好地解释了创建自定义启动画面的过程：https://docs.expo.io/versions/latest/guides/splash-screens/ - Vivek Sasidharan

嘿，你解决了这个问题吗？我也遇到了同样的事情。 - SVG

@SVG，您可以在app.json中删除expo.splash部分以删除闪屏。 - pjoshi

Answer 1

对于expo，启动屏幕和图标在项目根目录中的app.json中进行配置。

要删除默认/自定义启动屏幕，请在那里删除expo.splash对象定义。

然而，最佳实践是为任何应用程序设置启动屏幕，以执行一些后台任务，例如字体加载、资源加载等。否则，操作系统将呈现白屏，这对终端用户来说很烦人。

带有启动屏幕的示例配置 -

{
  "expo": {
    "name": "App Name",
    "slug": "app-name-slug",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash_1.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    }
}

将这里的expo.splash移除。

- pjoshi

Answer 2

删除以下代码块以消除启动画面。

"splash": {
  "image": "./assets/splash.png",
  ...
}

或者替换上面代码中的图像值（“./assets/splash.png”），以获得您的启动画面。 从您的app.json 详细信息请参阅 官方expo页面

（在Android模拟器中测试）

- Preetham NT

Answer 3

在Expo上无法删除启动画面。通过删除"splash":{ "image":"./assets/splash.png", }，您只能实现删除默认显示的图像，这将使启动画面变成一个空白的白屏。考虑更新在启动画面上呈现的图像。

- Moses tenai

Answer 4

你可以先使用以下命令移除 Expo：

yarn global remove cli-expo

或者

npm -g uninstall expo-cli --save

并重新配置您的启动画面。

- Garrix