Package Exports
- react-navigation-tabs
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-navigation-tabs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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-navigationUsage
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',
});