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

/react-navigation-material-bottom-tab-navigator/

    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