cordova-plugin-splashscreen-启动页

node 10.15.0
ionic 4.12.0
cordova 9.0
# platforms
cordova-android：8.0.0
cordova-ios: 5.0.0

安装

ionic cordova plugin add cordova-plugin-splashscreen
npm install @ionic-native/splash-screen

配置

config.xml

属性配置

// 拉伸

// 淡入效果

// 淡入延时

// 是否仅首次显示


// 启动页延时

// 自动隐藏 默认true

资源配置

可根据自身情况选择相应的资源

使用

app.module.ts

import {SplashScreen} from '@ionic-native/splash-screen/ngx';
providers: [
  SplashScreen,
]

app.conponent.ts

import {SplashScreen} from '@ionic-native/splash-screen/ngx';
initializeApp() {
    this.platform.ready().then(() => {
      this.initSplashScreen();
    });
  }
// 淡入效果
initSplashScreen() {
    setTimeout(() => {
      this.splashScreen.hide();
    }, 300);
}

注意事项：

1. 必须在AppModule中声明。

下一篇将介绍状态栏插件：cordova-plugin-statusbar