#安装 tns plugin add nativescript-splashscreen

#配置

• Android
• iOS

Android

重要 在使用此插件之前，将所有 org.nativescript.demo 的出现更新为您的应用 ID。应用 ID 可在您的应用根目录的 package.json 文件中找到。

更新 app/App_Resources/Android/AndroidManifest.xml

<activity
			android:name="com.tns.NativeScriptActivity"
			android:label="@string/title_activity_kimera"
			android:configChanges="keyboardHidden|orientation|screenSize">
		</activity>

        <activity 
		android:name="co.fitcom.SplashScreen" android:noHistory="true">
		<intent-filter>
		<category android:name="android.intent.category.LAUNCHER" />
		<action android:name="android.intent.action.MAIN" />
		</intent-filter>
		</activity>

###更新启动画面Logo：将 app/App_Resources/Android/drawable/splashlogo.png 替换为您的更新后的Logo。 必须使用相同的文件名

显示的文本：位于 app/App_Resources/Android/values/splash_settings.xml 中的 splash_title 文本颜色：更新 configSplash.setTitleTextColor 在 app/SplashScreen.js

#颜色 色彩调色板基于 https://material.google.com/style/color.html#color-color-palette

例如 md_blue_900

###背景

在 app/SplashScreen.js 中更新 configSplash.setBackgroundColor

iOS

设置一个代理

import * as application from 'application';
import {SplashScreen} from 'nativescript-splashscreen';

var FRESH_LAUNCH: boolean = true;

if (application.ios) {
  class MyDelegate extends UIResponder {
    public static ObjCProtocols = [UIApplicationDelegate];
    
    public applicationDidFinishLaunchingWithOptions(application: UIApplication, launchOptions: NSDictionary): boolean {
      return true;
    }

    applicationDidBecomeActive(application: UIApplication): void {
      if (FRESH_LAUNCH) {
        FRESH_LAUNCH = false;
        let splash = new SplashScreen('twitterIcon.png', '#4E75E2');
        application.keyWindow.addSubview(splash.start());
      }
    }
  }
  application.ios.delegate = MyDelegate;
} 
application.start({ moduleName: 'main-page' });

这将只在新启动时显示启动画面，因为您不希望它出现在返回应用时覆盖您的视图上并再次动画显示。

您可以从您的 app/App_Resources/iOS 文件夹传递任何图像以及任何 hex 背景颜色。

new SplashScreen('twitterIcon.png', '#4E75E2');

#运行示例

git clone https://github.com/triniwiz/nativescript-splashscreen
cd nativescript-splashscreen
npm run demo.android

#屏幕截图

Android	IOS