微信小程序-如何自定义导航栏（navigationStyle）？

小程序是越来越开放了，微信版本 6.6.0可以自定义导航？

先了解下app.json中window配置navigationStyle属性，即导航栏样式，仅支持 default/custom。custom 模式可自定义导航栏，只保留右上角胶囊状的按钮

"window":{
    "navigationBarTitleText": "test",
    "navigationBarTextStyle": "black",
    "navigationBarBackgroundColor": "#aa154e",
    "enablePullDownRefresh": true,
    "backgroundColor": "#aa154e",
    "backgroundTextStyle": "dark",
    "onReachBottomDistance":15,
    "navigationStyle": "custom"
  }

如果设置了"navigationStyle": "custom"，则在真机上"navigationBarTitleText": "test"是不起作用的，并且小程序是全屏展示的，因此除了右上角胶囊状的按钮，导航栏处我们可以自由发挥