Удалить панель навигации из React-Native-Navigation v2?

Question

Как отключить панель навигации для определенного экрана в React-Nativa-Navigation V2?

Answer 1

Для определенного компонента, не отображающего верхнюю панель, это можно сделать, поставив

topBar: {  visible: false }

в options из component, например,

Navigation.setRoot({
      root: {
        stack: {
          id: "App",
          children: [
            {
              component: {
                name: "rci.Login",
                options: {
                  topBar: {
                    visible: false
                  }
                }
              }
            }
          ]
        }
      }
    });

А также, если это необходимочтобы быть установленным на уровне стека, чтобы ни один экран в стеке не отображал верхнюю панель, мы можем сделать это, установив

 options: {
    topBar: {
      visible: false
    }
  },

внутри стека.Весь код выглядит как

Navigation.setRoot({
root: {
 stack: {
  options: {
    topBar: {
      visible: false
    }
  },
  children: [
    {
      component: {
        name: 'navigation.playground.TextScreen',
        passProps: {
          text: 'This is tab 1',
          myFunction: () => 'Hello from a function!',
        }
      }
    },
    {
      component: {
        name: 'navigation.playground.TextScreen',
        passProps: {
          text: 'This is tab 2',
        }
      }
    }
   ]
  }
 }
});

Answer 2

Лучшим вариантом будет установка статических параметров внутри компонента:

export default class YourComponent extends Component {
  static get options() {
    return {
      topBar: {
        visible: false,
        animate: false
      }
    };
  }
}

Обратите внимание, что вы можете переключать анимацию изменения видимости topBar.

Answer 3

Если вы используете StackNavigator, вам нужно установить header на null на данном экране:

class HomeScreen extends React.Component {
  static navigationOptions = {
    header: null,
  };

  ...
}

export default createStackNavigator({
  Home: HomeScreen
});