流星 js 科尔多瓦白页显示在应用程序加载之前的初始屏幕之后

Question

应用程序将在加载前启动屏幕后显示白页。我尝试删除mobile-experience 包，添加fastclick 和mobile-status-bar 包，我添加了cordova-plugin-splashscreen 插件，并设置首选项如下：

App.setPreference('SplashScreen', 'CDVSplashScreen');
App.setPreference('AutoHideSplashScreen', false);
App.setPreference('SplashScreenDelay', '30000');

我在启动事件回调中隐藏了启动画面：

Meteor.startup(() => {
    if (Meteor.isCordova) {
        navigator.splashscreen.hide();
    }
});

但是这两个都不起作用，白页在应用程序加载之前的启动屏幕之后仍然显示。 有人有什么建议吗？提前致谢

Answer 1

编辑

请注意，当 DOM 准备好时，Meteor.startup 会在客户端（在您的情况下为移动应用）上执行给定的回调。

在客户端上，该函数将在 DOM 准备好后立即运行。

但是在 DOM 就绪和 DOM 加载/完全渲染之间可能会有一小段时间。这可能是您出现白屏的地方。

您可以在 Internet 和 SO 上进行搜索，以了解这两个事件系列之间的区别：

• "DOMContentLoaded" 事件 / jQuery 的 $(document).ready() / Meteor.startup()
• "load" 事件 / jQuery 的 $(window).load()

---

原答案：

好吧，与其在 Meteor 启动时隐藏启动屏幕，您可能更愿意对您的情况感兴趣，将其保持更长时间以覆盖那个白屏幕……

如果您可以重新添加 launch-screen 包，您可以简单地使用：

// in a client-only javascript file
var handle = LaunchScreen.hold();

Template.myUI.onRendered(function () {
  handle.release();
});

参考：https://atmospherejs.com/meteor/launch-screen

请注意，默认情况下，launch-screen 包会保留您的初始屏幕，直到主体完全呈现。