收藏
评论

导航栏样式支持页面配置的功能预告及排查建议官方

各位开发者:

大家下午好。

当前小程序已支持在全局配置中设置导航栏样式,举个例子,下方左图为默认导航栏样式;右图为自定义导航栏样式。


后来我们在社区里收到了很多反馈,希望小程序支持在页面配置中设置导航栏样式。在即将发布的客户端版本中,这一特性就将上线,大家可以根据自己的需求,为单个页面设置导航栏样式。


配置方法:开发者可以在任意一个小程序页面中的 .json 文件里配置 navigationStyle 属性(其中 default 为默认导航栏样式; custom 为自定义导航栏,只保留右上角胶囊按钮),即可定义单个页面的导航栏样式。


温馨提示:若开发者以前在页面配置里误设了navigationStyle属性,新版客户端一旦发布,配置内容会立即生效,这可能会导致小程序在新版客户端内的页面布局产生错乱,望开发者尽快检查确认,以免影响小程序的使用体验。


微信团队
2018.12.21

10245浏览
最后一次编辑于  2018-12-21
收藏

61 个评论

  • 坤典科技
    坤典科技
    2018-12-24

    Android希望能兼容一下,向下拉动的时候,如果自定义导航栏,会一起被向下拉动。

    2018-12-24
    赞同 8
    回复
  • Always°一个人
    Always°一个人
    2018-12-22

    那什么时候可以支持   状态栏 左边的返回按钮 自定义设置呢~~

    2018-12-22
    赞同 6
    回复 6
    • 一步一脚印
      一步一脚印
      2018-12-24

      返回按钮还能玩出花来啊

      2018-12-24
      回复
    • Always°一个人
      Always°一个人
      2018-12-24回复一步一脚印

      对啊  有些小程序 可以直接把返回按钮 变成 返回首页 获取 跳转到其他自定义的页面~~感觉 这样还挺好的~~~

      2018-12-24
      回复
    • Always°一个人
      Always°一个人
      2018-12-24回复一步一脚印

      但是 他们那种实现的方式  是全局~~对于一个成品的小程序来说 在修改的话  代码太多了~~

      2018-12-24
      回复
    • L.kun
      L.kun
      2018-12-28

      现在单独的页面能设置navigationStyle了吗?要怎么设置呢?我这么设置不生效啊,放在window里也不行


      2018-12-28
      回复
    • 鲁迅_姓周
      鲁迅_姓周
      2019-01-10回复L.kun

      兄弟 解决单独页面设置了吗?

      2019-01-10
      回复
    查看更多(1)
  • 彩云衣内容电商平台
    彩云衣内容电商平台
    2018-12-23

    早就应该是可以单页面设置了

    2018-12-23
    赞同 4
    回复
  • 管凯旋
    管凯旋
    2018-12-21

    哎呦不错哦,要是能把导航栏高度通过某个接口暴露出来就更好啦

    2018-12-21
    赞同 4
    回复 5
    • 嘤嘤怪plus
      嘤嘤怪plus
      2018-12-22

      现在就已经有啦,

      getSystemInfo有个statusBarHeight,代表的就是状态栏高度


      2018-12-22
      1
      回复
    • 管凯旋
      管凯旋
      2018-12-22回复嘤嘤怪plus

      3Q,谢老铁,我一直以为没有呢。给你点赞

      2018-12-22
      回复
    • DNA
      DNA
      2018-12-24回复嘤嘤怪plus

      statusBar 高度是好获取的,但是 header 部分高度获取不到

      2018-12-24
      回复
    • 慕枫桥夜泊
      慕枫桥夜泊
      2018-12-27回复DNA

      var query = wx.createSelectorQuery();

      query.select('***').boundingClientRect()

      query.exec((res) => {

      var zzzz= res[0].height;

      that.setData({

          xxxx:     zzzz

      });

      })


      这个方法能用来回切部分高度不


      2018-12-27
      回复
    • 杉杉爱吃鱼
      杉杉爱吃鱼
      2019-06-10回复嘤嘤怪plus

      正找这个呢 谢谢老铁!

      2019-06-10
      回复
  • 杨泉
    杨泉
    2018-12-24

    很好

    不过最最关键的非常需要支持的是

    page页面对于“返回上一页”行为的拦截

    包括点击右上角返回和android物理键返回

    只需要在page的回调时间里面类似android提供一个onbackpress就好了啊,

    不明白这个为啥一直不支持

    2018-12-24
    赞同 2
    回复 2
    • 简单的昵称
      简单的昵称
      2018-12-25

      监听返回键也很重要。。特别是Android还有个物理返回键。。。

      2018-12-25
      2
      回复
    • _Jason
      _Jason
      2019-06-17

      没办法监听物理按键难受啊

      2019-06-17
      回复
  • 騁爲
    騁爲
    2018-12-24

    没有人做导航栏颜色渐变的效果吗

    2018-12-24
    赞同 2
    回复
  • 创业者
    创业者
    2018-12-22

    哇塞,等来等去终于等到春天

    2018-12-22
    赞同 2
    回复
  • 简单的昵称
    简单的昵称
    2018-12-25

    期待已久啊。。。。现在两个小程序刚刚把自定义标题栏做完。。。。是不是再改回去

    2018-12-25
    赞同 1
    回复
  • DNA
    DNA
    2018-12-24

    自定义 navigationBar 会在安卓机上随页面下拉而下拉,这个有计划解决吗?

    2018-12-24
    赞同 1
    回复 3
    • storm
      storm
      2019-02-25

      可以自定义一个下拉刷新

      2019-02-25
      回复
    • ayu🐠
      ayu🐠
      2019-03-19

      自定义的navbar加个position: fixed;


      2019-03-19
      回复
    • DNA
      DNA
      2019-03-19回复ayu🐠

      在IOS上可以,android上不行的

      2019-03-19
      回复
  • 祺爸💎
    祺爸💎
    2018-12-22

    web-view页面呢?

    2018-12-22
    赞同 1
    回复

正在加载...

登录 后发表内容