react-navigation/packages/tabs

React Navigation Tabs

Tab navigators for React Navigation.

Installation

Open a Terminal in your project's folder and run,

yarn add react-navigation-tabs react-navigation

Usage

The package exports 3 different navigators:

• createBottomTabNavigator: iOS like bottom tabs.
• createMaterialBottomTabNavigator: Material design themed animated bottom tabs, from react-native-paper.
• createMaterialTopTabNavigator: Material design themed top tabs with swipe gesture, from react-native-tab-view.

You can import individual navigators and use them:

import createMaterialBottomTabNavigator from 'react-navigation-tabs/createMaterialBottomTabNavigator';

export default createMaterialBottomTabNavigator({
  Album: { screen: Album },
  Library: { screen: Library },
  History: { screen: History },
  Cart: { screen: Cart },
}, {
  initialRouteName: 'Album',
  activeTintColor: '#F44336',
});