菜鸟教程小白 发表于 2022-12-12 12:33:47

ios - cordova [phonegap] 设置启动画面在 ios 中无法正常工作


                                            <p><p>我为我的 phonegap 应用添加了<strong>启动画面</strong>。</p>

<p>我正在 <strong> <a href="http://build.phonegap.com" rel="noreferrer noopener nofollow">http://build.phonegap.com</a> 在线构建 phonegap 应用程序</strong>。</p>

<p>启动画面<strong>适用于 android</strong>。但在 <strong>ios 启动画面隐藏</strong>在定义的时间之前。</p>

<p><strong><em>Config.xml</em></strong> 用于启动画面</p>

<pre><code>    &lt;?xml version=&#34;1.0&#34; encoding=&#34;UTF-8&#34; ?&gt;
    &lt;widget xmlns   = &#34;http://www.w3.org/ns/widgets&#34;
      xmlns:gap   = &#34;http://phonegap.com/ns/1.0&#34;
      xmlns:android   = &#34;http://schemas.android.com/apk/res/android&#34;
      id          = &#34;com.clerisy.arcade&#34;
      versionCode = &#34;10&#34;
      version   = &#34;1.0.0&#34; &gt;

    &lt;!-- versionCode is optional and Android only --&gt;

    &lt;name&gt;xxxxxxxxxxxxx&lt;/name&gt;

    &lt;description&gt;
      xxxxxxxxxxxxxxxxx
    &lt;/description&gt;

    &lt;author href=&#34;https://build.phonegap.com&#34; email=&#34;[email protected]&#34;&gt;
      xxxxxxxxxxxxxxxx
    &lt;/author&gt;

    &lt;preference name=&#34;permissions&#34; value=&#34;none&#34;/&gt;
    &lt;preference name=&#34;phonegap-version&#34; value=&#34;3.6.3&#34; /&gt;
    &lt;preference name=&#34;orientation&#34; value=&#34;default&#34; /&gt;
    &lt;preference name=&#34;target-device&#34; value=&#34;universal&#34; /&gt;
    &lt;preference name=&#34;fullscreen&#34; value=&#34;false&#34; /&gt;
    &lt;preference name=&#34;webviewbounce&#34; value=&#34;true&#34; /&gt;
    &lt;preference name=&#34;prerendered-icon&#34; value=&#34;true&#34; /&gt;
    &lt;preference name=&#34;stay-in-webview&#34; value=&#34;false&#34; /&gt;
    &lt;preference name=&#34;ios-statusbarstyle&#34; value=&#34;black-opaque&#34; /&gt;
    &lt;preference name=&#34;detect-data-types&#34; value=&#34;true&#34; /&gt;
    &lt;preference name=&#34;exit-on-suspend&#34; value=&#34;false&#34; /&gt;
    &lt;preference name=&#34;show-splash-screen-spinner&#34; value=&#34;true&#34; /&gt;
    &lt;preference name=&#34;auto-hide-splash-screen&#34; value=&#34;true&#34; /&gt;
    &lt;preference name=&#34;disable-cursor&#34; value=&#34;false&#34; /&gt;
    &lt;preference name=&#34;android-minSdkVersion&#34; value=&#34;7&#34; /&gt;
    &lt;preference name=&#34;android-installLocation&#34; value=&#34;auto&#34; /&gt;
    &lt;preference name=&#34;backgroundColor&#34; value=&#34;0xff38c0f4&#34;/&gt;
    &lt;preference name=&#34;AutoHideSplashScreen&#34; value=&#34;false&#34; /&gt;   
    &lt;preference name=&#34;ShowSplashScreenSpinner&#34; value=&#34;false&#34; /&gt;

    &lt;!-- Plugins --&gt;
    &lt;!-- Core plugins --&gt;

    &lt;gap:plugin name=&#34;org.apache.cordova.inappbrowser&#34; version=&#34;0.5.2&#34; /&gt;
    &lt;gap:plugin name=&#34;org.apache.cordova.network-information&#34; version=&#34;0.2.12&#34; /&gt;
    &lt;gap:plugin name=&#34;nl.x-services.plugins.socialsharing&#34; version=&#34;4.3.8&#34; /&gt;
    &lt;gap:plugin name=&#34;org.apache.cordova.device&#34; version=&#34;0.2.12&#34; /&gt;
    &lt;gap:plugin name=&#34;com.phonegap.plugin.statusbar&#34; version=&#34;1.1.0&#34; /&gt;
    &lt;gap:plugin name=&#34;org.apache.cordova.splashscreen&#34; /&gt;

    &lt;!-- Set Icon and splash screen --&gt;

    &lt;icon src=&#34;icon.png&#34; platform=&#34;android&#34; width=&#34;57&#34; height=&#34;57&#34; density=&#34;mdpi&#34; /&gt;
    &lt;gap:splash src=&#34;screen.png&#34;/&gt;
    &lt;gap:config-file platform=&#34;ios&#34; parent=&#34;CFBundleShortVersionString&#34;&gt;
    &lt;string&gt;100&lt;/string&gt;
    &lt;/gap:config-file&gt;
    &lt;content src=&#34;index.html&#34; /&gt;
    &lt;access origin=&#34;*&#34; /&gt;
&lt;/widget&gt;
</code></pre>

<p>隐藏我正在使用的启动画面</p>

<pre><code>document.addEventListener(&#34;deviceready&#34;, onDeviceReady, false);

function onDeviceReady() {
   // Hide splash Screen
   setTimeout(function() {
            navigator.splashscreen.hide();
      }, 2000);
</code></pre>

<p>问题是:-</p>

<p>它在 android 上运行良好,但在 iphone 上它会在几秒钟后改变闪屏的分辨率。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>安装闪屏插件</p>

<pre><code>cordova plugin add org.apache.cordova.splashscreen
</code></pre>

<p>对于 iOS,您必须在文档就绪的超时功能内隐藏启动画面,您可以定义启动屏幕应该隐藏的持续时间。</p>

<pre><code>setTimeout(function() {
                navigator.splashscreen.hide();
            }, 8000);
</code></pre>

<p>在 config.xml 中将 autohide splash 设置为 false</p>

<pre><code>&lt;preference name=&#34;AutoHideSplashScreen&#34; value=&#34;false&#34; /&gt;
</code></pre>

<p>更多详细信息请参阅插件文档<a href="https://github.com/apache/cordova-plugin-splashscreen/blob/master/doc/index.md" rel="noreferrer noopener nofollow">https://github.com/apache/cordova-plugin-splashscreen/blob/master/doc/index.md</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - cordova 设置启动画面在 ios 中无法正常工作,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/26777044/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/26777044/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - cordova [phonegap] 设置启动画面在 ios 中无法正常工作