微信小程序如何开启全屏模式

Question

我用的是uniapp开发微信小程序，请问如何将系统状态栏和系统导航键隐藏掉，非常感谢

这是隐藏掉的效果

Answer 1

微信小程序上，你可以通过配置页面JSON文件的navigationStyle: 'custom'来启用自定义导航栏，从而以完成全屏的效果。但是请注意，navigationStyle: 'custom'的限制较多，并不是所有页面类型都可以支持。
示例代码：

{
  "navigationBarTitleText": "自定义导航栏",
  "navigationStyle": "custom"
}

然而，系统状态栏和系统导航键是由操作系统控制的，微信小程序（含uni-app）并没有权限去控制这两个部分。所以，如果你想要像全屏游戏那样完全地隐藏状态栏和导航键，可能并不能得到满足。
如果你只是希望在页面上隐藏底部的tabBar，你可以在app.json中设置tabBar的custom属性为true，然后自定义tabBar。
具体可以参考微信小程序自定义 tabBar和自定导航栏的官方文档。
最后，值得注意的是，对于全面屏、水滴屏的手机，即使设置navigationStyle为custom，状态栏的区域也可能无法被完全覆盖。对于这种情况，微信小程序暂时无法提供解决方案。