反应原生真正的全屏内容，适用于 android

Posted 2023-04-18

【中文标题】反应原生真正的全屏内容，适用于 android

【英文标题】：react native truely full screen content for android

【发布时间】：2021-12-10 20:41:34

【问题描述】：

我试图让我的视图内容占据屏幕的整个高度（包括状态栏区域）并生成真正的全屏内容。与设置图标仍然可见的状态栏背景透明不同。

I want to see only the red background, no statusbar and no navigation bar

我尝试过使用 react-native-system-navigation-bar 的后倾模式，它应该删除状态栏和导航栏。但它会移除到导航栏，但只会使状态栏背景变黑。

leanback mode ON

我尝试过开启后仰模式并隐藏状态栏。但它只会删除白色状态栏图标并留下黑色背景。

leanback mode ON & StatusBar.hidden

我已尝试更改状态栏的背景颜色并设置半透明，但在后仰模式下会消失，并留下黑色背景。

有人知道如何创建真正全屏的内容吗？

提前谢谢你

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

我相信您正在寻找 android 的沉浸式模式？

你需要使用一个库来访问该功能，我唯一能找到的是this，试试看..

另外，我认为值得研究 this 问题以获得与您相关的答案