wx.switchTab后自定义navigationBar会失效
发布于 5 年前 作者 ping09 9013 次浏览 来自 问答

描述：

    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），我们定位下问题

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>
回到顶部