React Native Fullscreen

Question

我正在尝试创建一个简单的反应本机应用程序.我需要以全屏模式运行应用程序.有没有办法做到这一点？

我需要删除/隐藏底部按钮.我正在为Android设备这样做.

|---------------|
|               |
|    screen     |
|               |
-----------------
|  <|   O  [ ]  |     <--- I need to remove these buttons!
-----------------

Answer 1

React Native没有提供直接隐藏android导航栏的方法,你必须创建一个使用Android 4.4中引入的Android Immersive模式的本机模块,或者使用现有模块来做到这一点,我发现只有一个:反应原生全屏

Answer 2

如果您在项目中使用 Expo，则只需将以下内容添加到您的app.json文件中：

{
  "expo": {
    ...
    "androidNavigationBar": {
      "visible": "immersive"
    }
    ...
  }
}

该app.json文件是您配置应用程序中不属于代码的部分的首选位置。它位于项目根目录中的 package.json 旁边。有关该app.json文件的更多信息，请访问此处： https ://docs.expo.io/workflow/configuration/

这androidNavigationBar是 Android 上底部导航栏的配置。将其设置为immersive会导致导航栏隐藏，直到用户从隐藏导航栏的边缘向上滑动。有关该androidNavigationBar选项的更多信息，请访问此处：https ://docs.expo.io/versions/latest/config/app/#androidnavigationbar