微信小程序 自定义导航栏怎么关闭沉浸式状态栏

如果你在微信小程序中使用了自定义导航栏，关闭沉浸式状态栏需要进行以下操作：

1. 在 app.json 文件中设置 "navigationStyle" 字段为 "custom"，表示使用自定义导航栏。

2. 在自定义导航栏的组件中，设置导航栏的背景色和高度，如下所示：

   <view class="navbar" style="background-color: #ffffff; height: 48rpx;">
     <!-- 在这里添加导航栏的内容 -->
   </view>

3. 在页面的 onLoad 生命周期函数中，使用 wx.getSystemInfoSync() 方法获取系统信息，并根据 statusBarHeight 属性计算出导航栏的实际高度，然后设置到组件的样式中，如下所示：

   onLoad: function () {
     let systemInfo = wx.getSystemInfoSync()
     let statusBarHeight = systemInfo.statusBarHeight
     let actualNavHeight = statusBarHeight + 48 // 假设导航栏高度为 48rpx
     this.setData({
       navHeight: actualNavHeight + 'rpx'
     })
   }

4. 在组件的样式中，使用 navHeight 变量来设置导航栏的高度，如下所示：

   .navbar {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: {{navHeight}};
     z-index: 999;
   }

这样就可以在自定义导航栏的情况下关闭沉浸式状态栏了。