Gathering detailed insights and metrics for react-navigation-tabs
Gathering detailed insights and metrics for react-navigation-tabs
Gathering detailed insights and metrics for react-navigation-tabs
Gathering detailed insights and metrics for react-navigation-tabs
@react-navigation/bottom-tabs
Bottom tab navigator following iOS design guidelines
@react-navigation/material-top-tabs
Integration for the animated tab view component from react-native-tab-view
@react-navigation/material-bottom-tabs
Integration for bottom navigation component from react-native-paper
@bottom-tabs/react-navigation
React Native Bottom Tabs React Navigation integration
npm install react-navigation-tabs
Typescript
Module System
Node Version
NPM Version
TypeScript (98.54%)
JavaScript (1.46%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
327 Stars
160 Commits
223 Forks
10 Watchers
9 Branches
36 Contributors
Updated on Mar 15, 2025
Latest Version
2.11.2
Package Id
react-navigation-tabs@2.11.2
Unpacked Size
322.70 kB
Size
57.90 kB
File Count
63
NPM Version
8.1.2
Node Version
16.13.2
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
4
6
Tab navigators for React Navigation.
Follow the instructions on the the React Navigation "Getting Started" guide, and then add the react-navigation-tabs
package to your project.
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:
1import { createBottomTabNavigator } from 'react-navigation-tabs'; 2 3export default createBottomTabNavigator({ 4 Album: { screen: Album }, 5 Library: { screen: Library }, 6 History: { screen: History }, 7 Cart: { screen: Cart }, 8});
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.1import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs'; 2 3export default createMaterialBottomTabNavigator( 4 { 5 Album: { screen: Album }, 6 Library: { screen: Library }, 7 History: { screen: History }, 8 Cart: { screen: Cart }, 9 }, 10 { 11 initialRouteName: 'Album', 12 activeTintColor: '#F44336', 13 }, 14);
To setup the development environment, open a Terminal in the repo directory and run the following:
1yarn bootstrap
While developing, you can run the example app with Expo to test your changes:
1yarn example start
Make sure your code passes TypeScript and ESLint. Run the following to verify:
1yarn typescript 2yarn lint
To fix formatting errors, run the following:
1yarn lint --fix
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 6/29 approved changesets -- score normalized to 2
Reason
project is archived
Details
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
106 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More