This package has been deprecated

Author message:

Use react-navigation-material-bottom-tabs

react-navigation-material-bottom-tab-navigator

0.1.1 • Public • Published

React Navigation Tabs

Build Status Version MIT License

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',
});

Dependencies (4)

Dev Dependencies (22)

Package Sidebar

Install

npm i react-navigation-material-bottom-tab-navigator

Weekly Downloads

2

Version

0.1.1

License

MIT

Unpacked Size

28.7 kB

Total Files

14

Last publish

Collaborators

  • brentvatne