cordova :你如何隐藏状态栏上的闪屏/启动屏幕?

oxcyiej7  于 2022-11-15  发布在  其他
关注(0)|答案(6)|浏览(253)

我正在尝试删除我的应用程序与 cordova 的状态栏。我已经尝试了<preference name="Fullscreen" value="true" />,但它看起来像在iOS7不工作。(和iOS6它留下了一个黑色的差距代替。)
我一直在使用StatusBar插件,只是在设备就绪时启动StatusBar.hide();,但这不会隐藏启动屏幕上的状态栏。有没有办法在iOS7中隐藏整个应用程序的状态栏,而不必在每次进行cordova构建时重写它?谢谢。

w3nuxt5m

w3nuxt5m1#

Cordova自动执行的原因并不完全,但我在iOS版本的.plist文件中补充了一句:

UIStatusBarHidden = true
UIViewControllerBasedStatusBarAppearance = false

这使得它的行为正确的方式,是不是得到覆盖 cordova 当我做一个建设,所以它将工作现在。
如果有人发现或知道一个更好的方法来执行这些设置,请随时张贴它,我会更新这个答案或选择你的下一次我注意到它。谢谢!

5n0oy7gb

5n0oy7gb2#

不要浪费你的时间只是做简单的在启动时间/启动时间状态栏隐藏

ddarikpa

ddarikpa3#

状态栏

要在iOS 7中移除状态栏,请使用plist文件中的以下条目。

<key>UIStatusBarHidden</key>
<true/>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

在XCode上的配置中,以下代码实现了相同的

set Status bar is initially hidden = YES
add row: View controller-based status bar appearance = NO
0qx6xfy6

0qx6xfy64#

更新日期:

我们也可以直接从config.xml注入info.plist。

<config-file parent="UIStatusBarHidden" platform="ios" target="*-Info.plist">
    <true />
</config-file>
<config-file parent="UIViewControllerBasedStatusBarAppearance" platform="ios" target="*-Info.plist">
     <false />
</config-file>

第一个配置将隐藏闪屏/午餐屏幕上的状态栏。第二个配置将隐藏闪屏/午餐屏幕后的状态栏。

qlvxas9a

qlvxas9a5#

您是否看到以下内容:
http://ionicframework.com/tutorials/fullscreen-apps/
首先,我们需要注意这只适用于Cordova(推荐v3.3.1)或其他原生UIWebView Package 器。如果我们使用Cordova,我们需要安装一个插件:

$ cordova plugin add org.apache.cordova.statusbar

然后,我们将使用Ionic的平台服务来侦听设备就绪事件并删除状态栏:

angular.module('myApp', ['ionic'])

.controller('MyCtrl', function($scope, Platform) {
  Platform.ready(function() {
    // hide the status bar using the StatusBar plugin
    StatusBar.hide();
  });
});
0g0grzrc

0g0grzrc6#

我用它从ios应用程序中删除*状态栏**(带离子和Angular )FileName:配置xml
步骤1:在XML文件中添加代码
步骤2:导入插件并在js文件中实现它。

<platform name="ios">

<edit-config file="*-Info.plist" mode="merge" target="UIStatusBarHidden">
<true />
</edit-config>

<edit-config file="*-Info.plist" mode="merge"target="UIViewControllerBasedStatusBarAppearance">
<false />
</edit-config>

</platform>

用于.js/.ts文件
隐藏和显示StatuBar

我用了这个插件链接:https://github.com/apache/cordova-plugin-statusbar

从“@ionic-native/状态栏/ngx”导入{状态栏};
构造函数(私有statusBar:状态栏){}

(真);
hide()函数的一个示例;

相关问题