{"repo":"Jm-Zion/rn-wave-bottom-bar","free":true,"listed":false,"github":"https://github.com/Jm-Zion/rn-wave-bottom-bar","clone":"git clone https://github.com/Jm-Zion/rn-wave-bottom-bar.git","description":"🌊 Animated Tab Bottom Bar for react-navigation","language":"TypeScript","stars":338,"topics":["animation","bottom-tabs","curved","react-native","react-navigation","wave"],"license":"MIT","category":"mobile-apps","readme_excerpt":"rn-wave-bottom-bar Custom animated bottom-tab-bar for react-native. 💾 Installation Make sure you installed react-native-safe-area-context before installing the library or 📋 Requirements - React-Navigation v6 installed : https://reactnavigation.org/ - React-native reanimated 2.+ installed : https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation ⚒️ Usage 🔧 Props Prop Type Description :----------- :---------------------: :-----------------------------: springConfig Animated.SpringConfig Spring config for the animation ⚒️ Usage with react-navigation v5 Install the version 1.0.3 : Migration TabBar: BottomFabBar : 📄 Credits Thanks to W.Candillon for the tuto : https://www.youtube.com/watch?v=6LsLgHeX500 Initial Design : https://uimovement.com/design/tab-bar-3/ Compatibility ✅ Works well with mosts Devices and tested on iPad, IPhones, Android Devices. ✅ Support device orientation. ✅ RTL support. (thanks darkhorse-coder) More 📌 Checkout our other libraries : - rn-gauge : https://github.com/Winzana/rn-gauge - rn-exclude-system-gesture-area: https://github.com/Winzana/rn-exclude-system-gesture-area","default_branch":null,"files":null,"tree":[],"storefront":"/r/Jm-Zion","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Jm-Zion/rn-wave-bottom-bar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}