React Navigation how to hide tabbar from inside stack navigation

by

To hide the tab bar in one of the screens, this works for React Navigation v4:

HomeStack.navigationOptions = ({ navigation }) => {

    let tabBarVisible = true;

    let routeName = navigation.state.routes[navigation.state.index].routeName

    if ( routeName == 'ProductDetails' ) {
        tabBarVisible = false
    }

    return {
        tabBarVisible,
    }
}

For v5, and v6 please check @Chathuranga Kasthuriarachchi’s answer here

More Related Contents:

  1. Hide header in stack navigator React navigation
  2. Resetting the navigation stack for the home screen (React Navigation and React Native)
  3. Pass props from child to parent react navigation
  4. ReactJS: Maximum update depth exceeded error
  5. Viable options for running NodeJS on Android (Aug 2017)
  6. React Native: require() with Dynamic String?
  7. Pass Data to Service in Axios
  8. How to auto-slide the window out from behind keyboard when TextInput has focus?
  9. What is the difference between React Native and React?
  10. How do I setState for nested object?
  11. What is prevState in ReactJS?
  12. How to get data returned from fetch() promise?
  13. React Native Android build failure with different errors without any changes in code for past days due to publish of React Native version 0.71.0-rc.0
  14. What is useState() in React?
  15. Navigate to screen after opening a notification?
  16. How can I insert a line break into a component in React Native?
  17. Invariant Violation: Text strings must be rendered within a component
  18. How to change the behaviour of a mocked import?
  19. How to hide bottom navigation bar on a specific screen in react native?
  20. How to show SVG file on React Native?
  21. Do we still need functional setState way in react hooks?
  22. Does React Native compile JavaScript into Java for Android?
  23. Binding context when calling ES6 method. How to access object from within method called as callback?
  24. Firebase v9 uploading image shows only 9 bytes
  25. TypeError: cli.init is not a function for react native
  26. Could not find “store” in either the context or props of “Connect(App)”
  27. React native – objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store})
  28. Javascript – Counting duplicates in object array and storing the count as a new object
  29. import * as React from ‘react’; vs import React from ‘react’;
  30. Focus style for TextInput in react-native

Leave a Comment