删除Expo中的默认启动屏幕(React Native)



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

有人能帮我删除默认屏幕并设置我们的自定义启动屏幕吗。

删除下面的代码块以消除启动屏幕。

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

或者替换上面代码中的图像值("./assets/ssplash.png"(以获得启动屏幕。从你的app.json中的详细信息展会官方页面

(在android模拟器中测试(

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

删除那里的expo.splash对象定义,以摆脱默认/自定义的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

您不能删除expo上的启动屏幕。通过移除"splash":{ "image":"./assets/splash.png", },您唯一能实现的就是移除显示的默认图像,这将使启动屏幕变成一个空白的白色屏幕。考虑只更新在启动屏幕上渲染的图像

您可以首先使用命令删除expo

yarn global remove cli-expo

npm -g uninstall expo-cli --save

并重新配置启动屏幕。

最新更新