Ionic 2/3 技术求助：如何阻止应用恢复时显示启动屏

嘿，这个问题我之前帮好几个Ionic开发者搞定过！本质是Cordova的Splashscreen插件默认配置在搞事情——它默认会在应用从后台切回前台时重新弹出启动屏，咱们简单调整下配置和代码就能彻底解决：

1. 修改config.xml的启动屏核心配置 #

打开项目根目录下的config.xml，添加或调整以下偏好设置：

• 关键配置：让启动屏只在首次启动显示

  <preference name="SplashShowOnlyFirstTime" value="true" />
  

• 配合自动隐藏的基础配置（如果你用自动隐藏逻辑的话）：

  <preference name="AutoHideSplashScreen" value="true" />
  <preference name="SplashScreenDelay" value="3000" /> <!-- 这里填你想要的启动屏显示时长，单位毫秒 -->
  

SplashShowOnlyFirstTime就是解决问题的核心开关，它会告诉插件：只有应用冷启动（首次打开）时才显示启动屏，后续从后台切回前台完全跳过这一步。

2. 检查手动控制启动屏的代码（如果有） #

要是你在代码里手动管理启动屏的显示/隐藏（比如在app.component.ts里），千万别在resume事件里调用显示启动屏的方法！正确的做法是只在首次启动完成后隐藏它：

import { Platform } from 'ionic-angular';
import { Splashscreen } from '@ionic-native/splash-screen';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  constructor(private platform: Platform, private splashscreen: Splashscreen) {
    this.platform.ready().then(() => {
      // 只有首次启动完成后，才隐藏启动屏
      this.splashscreen.hide();
      
      // 监听后台恢复事件，但这里千万别加splashscreen.show()
      this.platform.resume.subscribe(() => {
        // 这里可以放你的后台恢复逻辑，比如刷新数据，但碰都别碰启动屏显示的代码
      });
    });
  }
}

要是之前你不小心在resume回调里加了splashscreen.show()，那肯定每次切回来都会弹启动屏，赶紧把那行删掉就好。

额外小提醒 #

• 确保你的Cordova Splashscreen插件是最新版本，旧版本可能对SplashShowOnlyFirstTime参数支持有问题，更新命令：

  cordova plugin update cordova-plugin-splashscreen
  

• 测试的时候记得完全关闭应用再重新打开，热重载有时候不会加载新的config.xml配置，容易误以为没生效。

这样调整完，你的应用就只会在首次打开时显示启动屏，后台切回前台再也不会出现这个烦人的问题啦！

内容的提问来源于stack exchange，提问作者Ronan Lopes