收藏
回答

wx.switchTab后自定义navigationBar会失效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
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的话一切正常



最后一次编辑于  2018-12-01  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • Miracle
    Miracle
    2018-12-04

    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>


    2018-12-04
    赞同
    回复
  • Albert Einstein [官]
    Albert Einstein [官]
    2018-12-02

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-12-02
    赞同
    回复 2