详细问题描述
[内容]
H5+在JS中自行定义TitleNView和Tabbar时出现Tabbar定位随机
TitleNView影响Tabbar的Bottom定位,有一定概率导致Tabbar定位到屏幕外。
重现步骤
[步骤]
plus.webview.currentWebview().setStyle({
titleNView: {
backgroundColor: '#009aff',
titlecolor: '#ffffff',
titletext: '人人帮',
autoBackButton: true,
buttons: [],
}
});
this.tabbar = new plus.nativeObj.View('tabbar_' + plus.webview.currentWebview().id, {
position: 'static',
bottom: '0px',
left: '0px',
right: '0px',
width: '100%',
height: '60px',
backgroundColor: '#f7f7f7'
}, [
]);
plus.webview.currentWebview().append(this.tabbar);
[结果]
真机运行第一次进入页面,很大概率是图一效果
改动页面任何一个地方,保存,HBuilderX自动同步并刷新页面后,很大概率是图二效果
图一中,Tabbar底部在屏幕外,高度被TitleNView顶下去了
图二是正常的预期效果
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]
2.3.3.20190923
[windows版本号]
Windows 10 1903
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
APP
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
[编译模式是老模板模式还是新的自定义组件模式?]
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]