uni-app设置沉浸式的状态栏
uni-app 想要实现最顶部（⼿机预览包含电量信号的位置），改成我们⾃⼰想要的，可以是透明状态
解决⽅案：
在pages.json⽂件中设置
1、全局取消原⽣导航栏，注释或者删除即可。
2、在每个页⾯单独配置style，当navigationStyle设为custom或titleNView设为false时，原⽣导航栏不显⽰：
{
  "path": "pages/index/index",
  "style": {
    "navigationBarTitleText": "⾸页", // 设置页⾯默认标题内容
    "navigationBarTextStyle": "white", // 导航栏标题颜⾊及状态栏前景颜⾊，仅⽀持 black/white
    // #ifdef H5
    "titleNView": false, // 设置默认导航栏隐藏
    // #endif
    "enablePullDownRefresh": false,  // 设置页⾯不可以下拉刷新
    "app-plus": {  // 设置默认导航栏隐藏
      "titleNView": false
    }
  }
},
有个质疑，在⽂件manifest.json 中，到源码视图，这⾥有个可以设置开启沉浸式，但是我设置下⾯这个⽂件代码，不管设置不设置，也可以实现效果，嗯~~~，有待考究
可能在uniapp中，只设置上⾯代码即可，针对html5页⾯版的是需要设置的
"app-plus" : {
  "statusbar" : {
    "immersed" : true, //开启沉浸式
    "style" : "dark"
  },
  /* 模块配置 */
  "distribute" : {
    "ios" : {
      "UIReserveStatusbarOffset" : true /*IOS设置为沉浸栏模式*/
},textstyle
  }
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。