uniapp自定义导航栏配置及沉浸式处理

1. 全局取消原生导航栏(pages.json文件)

备注:一般App里不会使用这个配置,建议个别页面单独设置不使用原生导航。
  "globalStyle": {
    "navigationStyle": "custom",
},

2. 单独去除原生导航栏

2.1App单独去除原生导航栏(方法一)

{  
    "path" : "pages/index/index",  
    "style" : {  
        "navigationBarTitleText": "首页",
        "app-plus":{
            "titleNView":false
        }
    }  
}   

2.2单页面去掉原生导航栏(方法二)

{  
    "path" : "pages/index/index",  
    "style" : {  
        "navigationStyle":"custom"  
    }  
}  

3.状态栏沉浸式处理

3.1配置mainfest.json来关闭沉浸式(方法一)

"app-plus" : {
    "statusbar": {  
        "immersed": false  
    },
}

3.2页面加状态栏站位(方法二)






你可能感兴趣的:(uniapp自定义导航栏配置及沉浸式处理)