uniapp navigationStyle: custom 取消默认原生导航栏 导致页面顶部 进入状态栏区域问题

现在的 immersed 配置的解决方案已经失效,暂时不知道什么原因。
只能用写一个statusBar把状态栏高度占用

一、最简单的解决方式如下

第一,打开应用的manifest.json文件,

第二,切换到代码视图,在app-plus -> statusbar 下添加immersed节点并设为false

"app-plus" : {
    "statusbar": {  
        "immersed": false  
        "style": "light",                                          
        "background": "#000" 
    },
}

这部分知识点,在uniapp官网 全局文件 --> manifest.json应用配置--> App完整manifest.json里面,之后全局全局搜索(ctrl+f) statusbar的配置

关于style和background两个字段,能够全局设置状态的背景颜色 和 前景颜色。

设置状态栏前景颜色 和 状态栏背景颜色,可以直接通过

"globalStyle": {
		"navigationBarTextStyle": "light", //导航栏标题颜色 及 状态栏前景颜色
		"navigationBarBackgroundColor": "#000",//导航栏背景颜色 及 状态栏背景色
},

手动设置状态栏背景颜色 和 前景颜色

//如果应用设置为沉浸式状态栏样式,则无法设置状态栏的背景颜色
plus.navigator.setStatusBarBackground("#000000");


//设置前景色,只有两个值(dark和light)
plus.navigator.setStatusBarStyle("light");

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tengyuxin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值