Playstation App Style Bottom Tab Bar For React Native

Description:

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: