React Native Hide底部导航

Question

我创建了一个使用react-navigation（https://reactnavigation.org）进行底部标签导航的应用。

有一个问题，即Android的原生导航栏有重叠的应用程序标签 - 导航栏。

有什么方法可以隐藏Android中的原生导航栏？

Answer 1

将内容设置为显示在系统栏下方，以便在系统栏隐藏和显示时内容不会调整大小。

private void hideSystemUI() 
{
     mDecorView.setSystemUiVisibility(
        View.SYSTEM_UI_FLAG_LAYOUT_STABLE
        View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        View.SYSTEM_UI_FLAG_HIDE_NAVIGATION 
        View.SYSTEM_UI_FLAG_FULLSCREEN 
        View.SYSTEM_UI_FLAG_IMMERSIVE);
}

private void showSystemUI() 
{
    mDecorView.setSystemUiVisibility(
        View.SYSTEM_UI_FLAG_LAYOUT_STABLE
        View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
}