A custom bottom tab bar component for React Native. Inspired by Playstation app.
How to use it:
1. Install and import the PSBottomTabBar.
# Yarn $ yarn add react-native-ps-bottom-tabbar # NPM $ npm i react-native-ps-bottom-tabbar
import { PSBottomTabBar } from 'react-native-ps-bottom-tabbar';
2. Create a custom bottom tab bar.
<PSBottomTabBar />
3. Available component props.
state,
navigation,
descriptors,
selectorStyle = { backgroundColor: '#fff', shadowColor: '#305F84' },
topAreaStyle = {
backgroundColor: '#1E1F23',
shadowColor: '#000',
shadowRate: 2,
},
bottomAreaStyle = {
backgroundColor: '#1B1C1E',
shadowColor: '#000',
shadowRate: 2,
},
Preview:
Download Details:
Author: 2ez4salt
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/2ez4salt/react-native-ps-bottom-tabbar
License: MIT
