https://github.com/orjiace/rn-slick-bottom-tabs
A fully customizable react native Animated Bottom navigation tabs 🚀.
https://github.com/orjiace/rn-slick-bottom-tabs
react-native react-navigation tabs
Last synced: 8 months ago
JSON representation
A fully customizable react native Animated Bottom navigation tabs 🚀.
- Host: GitHub
- URL: https://github.com/orjiace/rn-slick-bottom-tabs
- Owner: orjiAce
- Created: 2022-03-15T14:57:55.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-03-21T11:00:07.000Z (over 4 years ago)
- Last Synced: 2024-04-30T01:02:00.097Z (about 2 years ago)
- Topics: react-native, react-navigation, tabs
- Language: TypeScript
- Homepage: https://orjiace.github.io/rn-slick-bottom-tabs/
- Size: 2.68 MB
- Stars: 9
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# React Native Slick Bottom Tabs
- 60FPS
- Support for iPhoneX
- Lots of customization
**A fully customizable react native Bottom navigation tabs navigation 🚀**.
## Getting Started
### What you'll need
- [Node.js](https://nodejs.org/en/download/) version 14 or above:
- When installing Node.js, you are recommended to check all checkboxes related to dependencies.
## Prerequisites
❗️In order to use the component, you need to have [React Navigation](https://reactnavigation.org/) v5 or higher installed.
## Features
- Light/dark support
- Fast
- Written in Typescript
- Runs on Expo
- Smooth gesture interactions & snapping animations
- Accessibility support.
- Android & IOS
## Installation
```bash
npm i rn-slick-bottom-tabs
```
```bash
yarn add rn-slick-bottom-tabs
```
You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.
## Depencies
This library needs these dependencies to be installed in your project before you can use it:
```bash
npm i react-native-safe-area-context @react-navigation/native-stack @react-navigation/native react-native-screens
```
```bash
yarn add react-native-safe-area-context @react-navigation/native-stack @react-navigation/native react-native-screens
```
## Animation Preview
## JanmTabBarNavigator
## BerlinTabBarNavigator
.gif?raw=true?raw=true)
## SlickTabBarNavigator
.gif?raw=true)
##AceTabBarNavigator
.gif?raw=true)
### Let's get to know you!
👋 If your app is deployed to AppStore/GooglePlay and you're using this package, send me a DM on Twitter [@orjiace](https://twitter.com/torgeadelin)
## Documentation
**Full documentations available here** [Documentation](https://orjiace.github.io/rn-slick-bottom-tabs/)
## Contributing
Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made.
If you raise an issue, please add proper steps to reproduce it and proper logs. Thanks!
**Working on your first Pull Request?** You can learn how from this free series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github)
## Author
Orji Ace [@orjiace_](https://twitter.com/orjiace_)
## License
[MIT](https://github.com/torgeadelin/react-native-animated-nav-tab-bar/blob/master/LICENSE)