是是非非
是是非非
  • 发布:2019-09-28 09:19
  • 更新:2019-09-28 09:35
  • 阅读:538

【报Bug标题栏和Tabbar高度冲突。getTitleNView后创建原生Tabbar定位随机

分类:HTML5+

详细问题描述

[内容]
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]

2019-09-28 09:19 负责人:无 分享
已邀请:
是是非非

是是非非 (作者)

换个办法临时解决下
Tabbar的style尝试多次后改为 position : dock, dock : bottom
在View.show 之后,延时一定时间重新定位,延时时间在 MuMu模拟器中是40ms
···
window.setTimeout(function() {
console.warn('修正');
that.tabbar.setStyle({
bottom: '0px'
});
}, 40);
···

要回复问题请先登录注册