# react-native-material-bottom-tabs-navigation

> React Navigation bottom tab

Latest version **1.0.2** (published 2019-05-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-material-bottom-tabs-navigation
pnpm add react-native-material-bottom-tabs-navigation
yarn add react-native-material-bottom-tabs-navigation
bun add react-native-material-bottom-tabs-navigation
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2019-05-27 |
| First published | 2019-05-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 71.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Khalid283 |
| Maintainers | khalid283 |
| Keywords | react-native |

## Links

- npm: https://www.npmjs.com/package/react-native-material-bottom-tabs-navigation
- Repository: https://github.com/khalid283/react-native-material-bottom-tabs-navigation
- Homepage: https://github.com/khalid283/react-native-material-bottom-tabs-navigation#readme
- Issues: https://github.com/khalid283/react-native-material-bottom-tabs-navigation/issues
- npm.io page: https://npm.io/package/react-native-material-bottom-tabs-navigation

## Dependencies (3)

- [color](https://npm.io/package/color.md) ^3.1.1
- [react-navigation-tabs](https://npm.io/package/react-navigation-tabs.md) ^2.1.2
- [react-native-safe-area-view](https://npm.io/package/react-native-safe-area-view.md) ^0.14.3

## Recent versions

- 1.0.2 (latest) — 2019-05-27
- 1.0.1 — 2019-05-27
- 1.0.0 — 2019-05-16

## README

# react-native-material-bottom-tabs-navigation

This library works with `react-navigation`, the motivation to make this was to avoid to install `react-native-paper` and `react-native-vector-icon`. This library use component from `react-navigation-material-bottom-tabs` But it has peer dependency of `react-native-reanimated`.

# Installation

`npm i react-native-material-bottom-tabs-navigation`

# Usage

```javascript
const Tabs = BottomNavigationView(
    {
      Tab1: { screen: Tab1 },
      Tab2: { screen: Tab2 },
      Tab3: { screen: Tab3 },
      Tab4: { screen: Tab4 },
    },
    {
      initialRouteName: 'Tab1',
      labeled: true,
      shifting: false,
      activeColor: 'black',
      inactiveColor: '#3e2465',
      barStyle: { backgroundColor: 'white', color: 'black' },
    }
  )
  
const Route = createStackNavigator(
  {
    Tabs: { screen: Tabs },
  },
  {
      initialRouteName: "Tabs",
      headerMode: "none",
  }
);

const RouteContainer = createAppContainer(Route);

  ```
# Contributing

Feel free to send PR
  
# Credit

[Satyajit Sahoo](https://github.com/satya164) and `react-navigation` team

---
_Source: https://npm.io/package/react-native-material-bottom-tabs-navigation · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._