Playstation App Style Bottom Tab Bar For React Native

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:

Playstation App Style Bottom Tab Bar For React Native

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

Tags:

Add Comment