描述:
tabbar包括三个一级页面a, b, c,a页面包含有webview,b, c不包含,同时app.json中设置了navitaionStyle为custom。
启动页包括webview,从启动页使用switchTab到a页面,再点击tabbar来跳转至b或c后,b,c页面顶部仍会显示webview自带的nabigationBar,如果从启动页直接switchTab到b或c的话一切正常
框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
---|---|---|---|---|---|
小程序 | Bug | wx.switchTab | 客户端 | 6.7.4 | 2.3.0 |
描述:
tabbar包括三个一级页面a, b, c,a页面包含有webview,b, c不包含,同时app.json中设置了navitaionStyle为custom。
启动页包括webview,从启动页使用switchTab到a页面,再点击tabbar来跳转至b或c后,b,c页面顶部仍会显示webview自带的nabigationBar,如果从启动页直接switchTab到b或c的话一切正常
2 个回答
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
您好,请问有定位那边的问题了吗?
您好,客户端 6.7.2 版本开始,navigationStyle: custom 对 <web-view> 组件无效
参考: https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
app.json
{
"pages"
: [
"pages/tab1/tab1"
,
"pages/tab2/tab2"
,
"pages/tab3/tab3"
],
"window"
: {
"backgroundTextStyle"
:
"light"
,
"navigationStyle"
:
"custom"
},
"tabBar"
: {
"list"
: [
{
"text"
:
"tab1"
,
"pagePath"
:
"pages/tab1/tab1"
},
{
"text"
:
"tab2"
,
"pagePath"
:
"pages/tab2/tab2"
},
{
"text"
:
"tab3"
,
"pagePath"
:
"pages/tab3/tab3"
}
]
}
}
tab1.wxml
<
web-view
src
=
"https://mp.weixin.qq.com/"
> </
web-view
>
tab2.wxml
<
view
> This is tab2 </
view
>
tab3.wxml
<
view
> This is tab3 </
view
>
index.js
//这是首页,首页同样使用了web-view
Page({
onLoad:
function
(option) {
// 如果携带某参数,则实现自动跳转
if
(option.shouldAutoSwitchTab) {
// 此处如果设置自动跳转到tab1,然后用户再通过点击下方tabbar来跳转到tab2和tab3的时候会看到上方出现了不该出现的navigationbar,如果自动跳转到tab2或者tab3,则一切正常,需要使用真机测试
wx.switchTab({ url:
'../tab1/tab1'
});
}
}
})
index.wxml
<
web-view
src
=
"https://mp.weixin.qq.com"
> </
web-view
>