slavlazarevic-myob / react-navigation-selective-tab-bar

Creates a custom TabBar where you can decide which routes to display

react-navigation-selective-tab-bar

Creates a custom TabBar where you can decide which routes to display

Install

npm install react-navigation-selective-tab-bar

Usage

  {
    One: {
      screen: ScreenOne
    },
    Two: {
      screen: ScreenTwo
    },
    Three: {
      screen: ScreenThree
    },
    Four: {
      screen: ScreenFour
    }
  },
  {
    tabBarComponent: props => {
      return (
        <BottomTabBar
          {...props} // Required
          display={["One", "Three"]} // Required
          background="black" // Optional
        />
      );
    }
  }
);

ScreenShots

Example

git clone https://github.com/suarezluis/react-navigation-selective-tab-bar.git
cd react-navigation-selective-tab-bar
cd example
npm install or yarn install
react-native run-ios or react-native run-android