前言:
uniapp中如何隐藏Android虚拟按键 (如下图)
解决:
通过h5-plus
中的方法,plusready
后调用
https://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.hideSystemNavigation
document.addEventListener('plusready', function() {
plus.navigator.hideSystemNavigation() //隐藏虚拟按键
});
其他问题:
1、全屏与隐藏虚拟按键冲突
2、隐藏虚拟按键和页面跳转动画冲突
3、安卓隐藏虚拟导航按键,打开新webview页面不充满屏幕
4、Hbuilder 如何隐藏华为、oppo、魅族等手机的底部虚拟按键。
这些问题是在问度娘的时候浏览到的,还有些场景比如上传图片时虚拟按键显示、等,基本上可以定位到问题是应用切换到后台前台影响的,那么就可以通过 plusready
pause
来重新隐藏,问题解决~
// 运行环境从前台切换到后台事件
document.addEventListener('pause', function() {
console.log("运行环境从前台切换到后台事件")
plus.navigator.hideSystemNavigation() //隐藏虚拟按键
});
// 运行环境从后台切换到前台事件
document.addEventListener('resume', function() {
console.log("运行环境从后台切换到前台事件")
plus.navigator.hideSystemNavigation() //隐藏虚拟按键
});