收藏
回答

求助:自定义tabbar的问题

微信基础库 2.5.0 开始支持自定义 tabBar,

参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html


代码片段中给出了两个页面:一个index1,一个index2,

在这两个文件里,使用了:

Component({
  pageLifetimes: {
    show() {
      if (typeof this.getTabBar === 'function' &&
        this.getTabBar()) {
        this.getTabBar().setData({
          selected: 0
        })
      }
    }
  }
})

这段代码,和平时的代码Page不同,用的是Component,但是页面还是有很多东西需要写在Page里的,比如onLoad、onReady等等,同时加上这两个标签又出错,请问如何修改?刚出来的组件,百度也找不到相对的教程,拜托各位大牛帮忙解决一下。


回答关注问题邀请回答
收藏

2 个回答

  • 微信名
    微信名
    2019-01-28

    直接复制show里面的代码,放到页面onshow 生命周期里面

    2019-01-28
    有用 1
    回复 2
    • Mi Manchi
      Mi Manchi
      2019-01-28

      感谢大神  感谢感谢!!

      2019-01-28
      1
      回复
    • 轩辕狗剩
      轩辕狗剩
      2019-03-29回复Mi Manchi

      我也是复制到onshow里,但是第一次切换tabbar的时候会闪一下,你有这个问题吗

      2019-03-29
      回复
  • 郑诚-手术后在家静养中
    郑诚-手术后在家静养中
    2019-02-23

    没错就是楼上说的那样,把这一段放到 onShow 里面就行

    ```

    this.getTabBar().setData({

    selected: 2

    });

    ```

    我碰到的问题是底部 tabbar 和页面不一致。切换页面的时候,tabbar 总是回到最左边那个图标点亮。

    (因为组件的 data 里写着 selected: 0)。

    后来看到 index.js 文件里有楼主写的这一段代码。思考了一下。就把 getTabBar().setData 加到每一个有 TabBar 页面的 onShow 里,完美解决。

    2019-02-23
    有用
    回复 2
    • 轩辕狗剩
      轩辕狗剩
      2019-03-29

      复制到onshow里,但是第一次切换tabbar的时候会闪一下,你有这个问题吗

      2019-03-29
      回复
    • Mi Manchi
      Mi Manchi
      2019-04-10回复轩辕狗剩

      没有遇到

      2019-04-10
      回复
登录 后发表内容