android - React Native 隐藏底部导航

Question

我使用 react-navigation( https://reactnavigation.org ) 创建了一个具有底部标签导航的应用。

Android 原生导航栏与应用tab-navigation-bar 重叠存在一个问题。

有什么方法可以隐藏 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);
}