在 Ionic Capacitor React 中隐藏启动画面

Question

我们如何禁用 Ionic 应用程序的启动画面？我正在使用 Ionic 4、Capacitor 和 React。我试图在 capacitor.config.json

上添加这个

{
  "plugins": {
    "SplashScreen": {
      "launchShowDuration": 0
    }
  }
}

以上代码根本不起作用。

Answer 1

您可以在 config.xml

中添加以下行

<preference name="SplashScreenDelay" value="0"/>

Answer 2

您可以使用 SplashScreen 插件隐藏启动画面：

import { Plugins } from '@capacitor/core';
const { SplashScreen } = Plugins;

function useSplashHide(){
    useEffect(() => {
        SplashScreen.hide();
    }, []);
}

您可以像使用任何钩子一样使用它:

function MyComponent(props){
  useSplashHide()

  return <>....</>
}

文档是 here

Answer 3

电容器版本 v2

https://capacitorjs.com/docs/v2/apis/splash-screen

import { Plugins } from '@capacitor/core';
const { SplashScreen } = Plugins;

1.call 隐藏()

// Hide the splash (you should do this on app launch)
SplashScreen.hide();<------------------------call hide function

2.or 将显示持续时间设置为 0

// Show the splash for two seconds and then auto hide:
SplashScreen.show({
  showDuration: 0,<------------------------set 0 duration to hide
  autoHide: true,
});

Verion v3

https://capacitorjs.com/docs/apis/splash-screen

在 Ionic Capacitor React 中隐藏启动画面

Hide Splash Screen in Ionic Capacitor React

splash-screen

reactjs

ionic4

capacitor