Question 160291 in React native Question posted in
The official React Native documentation can be found here.

Can the Bottom Navigation Bar be hidden in React Native?

I want to hide the Bottom Navigation Bar or make it transparent so that View take full screen.

Is there any way to do this?

Bottom Navigation Bar to change

I’m expecting that it will auto hide when not in use. It should only be visible when user want to use the navigation like in Youtube when we watch video in Landscape view.

Tags:

2

Answers


  1. 0

    You can refer to this thread : https://stackoverflow.com/a/55077439/20325571
    You will need to install a new package :
    npm install react-native-navigation-bar-color

    Then, you will need to import

    import {
  HideNavigationBar,
  ShowNavigationBar,
} from 'react-native-navigation-bar-color';

    And these methods will be available :
    ShowNavigationBar();
    And
    HideNavigationBar();

    Login or Signup to reply.
  2. 0

    You can use expo’s NavigationBar component to control its appearance. setVisibilityAsync and setBehaviourAsync will be to two functions you want. From the docs:

    For example, if the navigation bar is hidden (setVisibilityAsync(false)) and the behavior is ‘overlay-swipe’, the user can swipe from the bottom of the screen to temporarily reveal the navigation bar.

    https://docs.expo.dev/versions/latest/sdk/navigation-bar/

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search