公告列表
公告列表
收藏
回答

wx.switchTab后自定义navigationBar会失效

框架类型 问题类型 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 个回答

  • Albert Einstein
    Albert Einstein
    2018-12-02

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

    2018-12-02
    有用
    回复 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
    有用
    回复
请 登录 后发表内容
相关问题
相关文档