Have ideas to improve npm?Join in the discussion! »

react-navigation-tabs-v1

1.2.0 • Public • Published

React Navigation Tabs

Build Status Version MIT License

Tab navigators for React Navigation.

Installation

With react-navigation@^2.0.0, no installation is required.

Usage

The package exports two different navigators:

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

You can import individual navigators and use them:

import { createBottomTabNavigator } from 'react-navigation';
 
export default createBottomTabNavigator({
  Album: { screen: Album },
  Library: { screen: Library },
  History: { screen: History },
  Cart: { screen: Cart },
});

You can install another package, react-navigation-material-bottom-tabs, to use a third type of tab navigator:

  • createMaterialBottomTabNavigator: Material design themed animated bottom tabs, from react-native-paper.
import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';
 
export default createMaterialBottomTabNavigator({
  Album: { screen: Album },
  Library: { screen: Library },
  History: { screen: History },
  Cart: { screen: Cart },
}, {
  initialRouteName: 'Album',
  activeTintColor: '#F44336',
});

Install

npm i react-navigation-tabs-v1

DownloadsWeekly Downloads

4

Version

1.2.0

License

MIT

Unpacked Size

44.3 kB

Total Files

12

Last publish

Collaborators

  • avatar