小程序隐藏单个页面的标题栏 -- 导航栏

阐述

一开始网上搜索，只能在app.json中的window里面设置 “navigationStyle”: “custom” ，这样小程序所有页面都没有导航栏了，只保留右上角胶囊按钮，后来经过自己网上查阅资料。在单页面也可以设置。

注意：

• iOS/Android 微信客户端 6.6.0，Windows 微信客户端不支持

全局设置导航栏，隐藏

app.json设置 – “navigationStyle”: “custom”

PS：从app.json中设置所有页面都会生效，导航消失。

"window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#7FBE25",
    "navigationBarTextStyle": "black",
    "navigationStyle": "custom"  
  },

“navigationStyle”: “custom” 设置之前：

“navigationStyle”: “custom” 设置以后：这样我们看到首页文字都不见了，所以这不是我们想要的结果。

单页面设置导航栏，隐藏

login.json 登录页面 – “navigationStyle”: “custom”

PS：这样设置就只登录页面隐藏导航栏，其他页面还会继续保留。

{
  "usingComponents": {
    "van-button": "../../miniprogram_npm/@vant/weapp/dist/button/index",
    "van-dialog": "../../miniprogram_npm/@vant/weapp/dist/dialog/index"
  },
    "navigationBarTitleText": "登录",
    "navigationStyle": "custom"
}