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

How do I make a nav component appear on every page in react native?

As the question says, how can I get the navigation component (bottom nav bar) to appear on every page?

Can someone give an theoretical answer?

Tags:

2

Answers


  1. 0

    Maybe react-navigation-tabs would solve your problem for this.
    As they have individual bottom stack navigation function where you can pass your menu’s and the components that are nested to it individually like an object.

        import { createBottomTabNavigator } from 'react-navigation-tabs';

    export default createBottomTabNavigator({
      Album: { screen: Album },
      Library: { screen: Library },
      History: { screen: History },
      Cart: { screen: Cart },
    });
    Login or Signup to reply.
  2. 0

    Following the tip commented by @Abe in your question, you can see the example on documentation with nested navigators in section "A stack navigator for each tab" and see the Snack for a live example. I hope it helps you.

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

Back To Top
Search