在全屏模式下显示状态栏 Ionic for android 和 iOS

Posted 2023-05-06

【中文标题】在全屏模式下显示状态栏 Ionic for android 和 iOS

【英文标题】：Have status bar visible in full screen mode Ionic for android and iOS

【发布时间】：2018-12-30 19:15:53

【问题描述】：

嘿，我正在使用 Ionic/Cordova 开发一个应用程序，我想知道是否有办法让应用程序处于全屏模式并能够显示状态栏？

我目前在我的 config.xml 文件中使用它：

任何帮助将不胜感激。

【问题讨论】：

全屏模式被明确描述为隐藏系统栏。这是 android 文档：developer.android.com/training/system-ui/immersive 你也忘了添加你的 config.xml 文件。如果您想显示状态栏，最好的做法是不使用全屏模式。

好吧，我明白了，因为我面临的问题是当键盘布局出现时，当我希望它在使用键盘时自动隐藏时，它会将标签向上推。

【参考方案1】：

if (ionic.Platform.isAndroid()) 
     window.addEventListener("native.hidekeyboard", function ()  
     StatusBar.hide();
     window.AndroidFullScreen.immersiveMode(false, false);
       );

将此代码放入$ionicPlatform.ready中的app.js中。

【讨论】：

对不起，我对此很陌生，我的项目中没有 js 文件，如果你是这个意思，我有一个 app.component.ts 文件？

您使用的是什么版本的 Cordova 和 Ionic？

更多您可以查看此链接：github.com/apache/cordova-plugin-statusbar

cli 包：（/usr/local/lib/node_modules）@ionic/cli-utils：1.19.2 离子（Ionic CLI）：3.20.0 全局包：cordova（Cordova CLI）：8.0 .0 本地包：@ionic/app-scripts：3.1.9 Cordova 平台：android 7.0.0 ios 4.5.4 Ionic 框架：ionic-angular 3.9.2