收藏
评论

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

各位开发者:

大家下午好。

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


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


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


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


微信团队
2018.12.21

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

61 个评论

  • 一声一生。
    一声一生。
    2019-02-28

    为啥我设置了,没用呢?

    2019-02-28
    赞同
    回复
  • soul
    soul
    2019-02-26

    为什么有些tab页设置不成功呢,开发工具上是可以的,真机不行

    2019-02-26
    赞同
    回复
  • error
    error
    2019-02-22

    胶囊的中线位置怎么确定呢

    2019-02-22
    赞同
    回复
  • Congcun
    Congcun
    2019-02-01

    请问可以只针对小程序的部分页面设置自定义导航栏吗?

    2019-02-01
    赞同
    回复
  • 叶子
    叶子
    2019-01-23

    关于导航栏样式支持自定义配置想确认以下几个问题

    1. 上线时间是什么时候

    2. 能不能支持自定义导航栏同样不占页面内容,不用开发者自己设置导航栏高度去兼容每个机型,实现和系统导航栏表现一致,只不过导航栏里面的内容可以自定义

    盼回复~~


    2019-01-23
    赞同
    回复
  • 2019-01-07

    我还想问一下,有没有类似wx.setNavigationBarTitle({ title: ''})的navigationStyle的api,文档里没有找到

    2019-01-07
    赞同
    回复
  • 2019-01-04

    微信技术团队有进步👍

    2019-01-04
    赞同
    回复
  • 小王同学
    小王同学
    2019-01-03

    高大上

    2019-01-03
    赞同
    回复
  • 2019-01-02

    navigationStyle设置custom后。使用web-view外链h5页面的时候,安卓手机上发现页面底部被截取,截取高度应该为导航栏高度。希望处理下啊

    2019-01-02
    赞同
    回复
  • leaf
    leaf
    2018-12-28

    这个地方设置全透明就看不见导航栏名称了,不设置就默认白色遮住了背景图片

    2018-12-28
    赞同
    回复

正在加载...

登录 后发表内容