Linear-style Floating Bottom Tab Bar for React Native

Description:

expo-linear-like-bottom-tabs is a React Native component that implements a floating bottom tab bar inspired by Linear’s design.

Features

• ⚡ Performance optimized: Uses Reanimated and Gesture Handler for butter-smooth transitions.
• 📱 Cross-platform: Maintains consistent behavior and appearance on iOS and Android.
• 🎨 Minimal interface: Provides clean visual design with subtle animation effects.
• 🧩 TypeScript support: Includes type definitions for improved development experience.

How to Use It

1. Clone the repository from GitHub and install the dependencies.

git clone https://github.com/rit3zh/expo-linear-like-bottom-tabs
cd expo-linear-like-bottom-tabs
bun install

2. Run the project on either iOS or Android simulators.

To run on iOS:

bun ios

To run on Android:

bun android

FAQs

Q: Does this library require Expo?
A: The library works with Expo projects but can be used in bare React Native implementations with additional configuration.

Q: Can I customize the appearance of the tab bar?
A: While the library aims for a minimal design, you can likely customize aspects like colors and icons by modifying the source code.

Q: Is this compatible with React Navigation?
A: The component operates as a standalone tab navigator rather than integrating directly with React Navigation.

Q: Does it support web platforms?
A: The library targets iOS and Android mobile platforms specifically.