IONIC Android导航栏与应用程序屏幕重叠

8yoxcaq7 于 2023-03-27 发布在 Ionic

关注(0)|答案(1)|浏览(151)

某些手机上的Android软导航栏与应用程序的页面重叠。

我以前在状态栏（Android上的顶部栏）上也遇到过类似的问题，通过在我的app.component.js中添加一个插件和一行代码解决了这个问题
this.statusBar.overlaysWebView(false);
添加cordova-plugin-navigationbar后隐藏导航栏的可用解决方案。

import { NavigationBar } from '@ionic-native/navigation-bar/ngx';

constructor(private navigationBar: NavigationBar) { }

...

let autoHide: boolean = true;
this.navigationBar.setUp(autoHide);

有什么办法可以阻止重叠吗
为我工作的解决方案
我正在使用状态栏插件，而使用插件确保在您的config.xml文件<preference name="resizeOnFullScreen" value="false" />我们有resizeOnFullscreen为假.它应该解决它.

ionic-framework

来源：https://stackoverflow.com/questions/74532069/ionic-android-navigation-bar-overlaps-app-screen

1条答案

按热度按时间

b1payxdu1#

离子型〉= 6

由于StatusBar.setOverlaysWebView({ overlay: true })逻辑而发生错误。

避免使用`setOverlaysWebView`

缺点：当键盘打开时，内容无法适应键盘

// app.component.ts
StatusBar.setOverlaysWebView({ overlay: false }) // Default value, shall be safely removed

超时

缺点：肮脏的变通方法，可能无法工作 （待测试）

// app.component.ts
setTimeout(() => {
  StatusBar.setOverlaysWebView({ overlay: true })
}, 100)

离子型〈= 5

避免使用`overlaysWebView`

缺点：当键盘打开时，内容无法适应键盘
一个二个一个一个

IONIC Android导航栏与应用程序屏幕重叠

1条答案

离子型〉= 6

避免使用`setOverlaysWebView`

超时

离子型〈= 5

避免使用`overlaysWebView`

相关问题

相关问题

热门标签

最新问答

IONIC Android导航栏与应用程序屏幕重叠

1条答案

离子型〉= 6

避免使用setOverlaysWebView

超时

离子型〈= 5

避免使用overlaysWebView

相关问题

相关问题

热门标签

最新问答

避免使用`setOverlaysWebView`

避免使用`overlaysWebView`