如何防止状态栏覆盖nativescript中的模态页面

Posted

技术标签:

【中文标题】如何防止状态栏覆盖nativescript中的模态页面【英文标题】:How to prevent status bar from covering modal page in nativescript 【发布时间】:2021-01-16 16:32:41 【问题描述】:

我的 nativescript 应用有问题 模态页面的内容被推到状态栏后面,状态栏覆盖它。 我在以前的项目中使用过 nativescript,但我的模态页面没有这个问题。

我已经下载并实现了这些插件,但没有效果

Nativescript-status-bar

Natvescript-statusbar

这就是它目前的样子

【问题讨论】:

你在使用 android API 23 @VikasAcharya 是的,我在 Android 6 和 Android 5 上进行了测试,两者都出现了问题。但在 Android 4.3 上,它没有,android 4.3 无论如何都不会显示状态栏,所以也许这就是它在那里工作的原因。 有一个未解决的未解决问题。请在 nativescript github 问题中查看它 【参考方案1】:

我通过从App_resources/Android/src/main/res/values/styles.xml 中删除这个<item name="android:windowTranslucentStatus">true</item> 来修复它

您也可以检查App_resources/Android/src/main/res/values21/styles.xml 以确保它也不存在

【讨论】:

以上是关于如何防止状态栏覆盖nativescript中的模态页面的主要内容,如果未能解决你的问题,请参考以下文章

如何防止 AppBar 覆盖自定义状态栏颜色

NativeScript 中的状态栏样式

android中状态栏下的nativescript操作栏

AbsoluteLayout 框架中的 NativeScript Vue 模式

显示模态视图时使 iPhone 状态栏消失?

模态segue推动顶部的附加导航栏滑动