# satya164/react-native-tab-view

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/satya164-react-native-tab-view).**

5,113 stars · 1,052 forks · TypeScript · MIT · archived

## Links

- GitHub: https://github.com/satya164/react-native-tab-view
- awesome-repositories: https://awesome-repositories.com/repository/satya164-react-native-tab-view.md

## Topics

`hacktoberfest` `pager-component` `react-native` `swipe` `swipeview` `tabbar` `tabs`

## Description

This project provides a tabbed navigation component for cross-platform mobile applications. It functions as a navigational container that organizes content into separate views, allowing users to switch between screens via a tab bar or swipe gestures.

The component features a customizable tab bar interface that supports branded styling, icons, badges, and horizontal scrolling to accommodate numerous navigation targets. It also includes a deferred rendering system that delays the instantiation of tab scenes until they receive focus to improve initial load speed.

The implementation covers tab bar management and interaction interception, enabling custom logic to modify default switching behavior. Additional capabilities include keyboard interaction control to manage software keyboard visibility during scene transitions.

## Tags

### Mobile Development

- [React Native Navigation Frameworks](https://awesome-repositories.com/f/mobile-development/react-native-navigation-frameworks.md) — Provides a specialized navigation framework for managing routing and screen transitions in React Native.
- [Cross-Platform Mobile Navigation Libraries](https://awesome-repositories.com/f/mobile-development/cross-platform-mobile-navigation-libraries.md) — Provides a declarative routing system for consistent screen management across different mobile operating systems.
- [React Native Performance Optimizations](https://awesome-repositories.com/f/mobile-development/react-native-performance-optimizations.md) — Implements techniques to improve startup time and efficiency in React Native via deferred rendering.

### Graphics & Multimedia

- [Gesture-Driven Page Switching](https://awesome-repositories.com/f/graphics-multimedia/custom-animation-effects/interactive-gesture-driven-animations/gesture-driven-snap-animations/gesture-driven-page-switching.md) — Includes logic that triggers transitions between full-page views based on swipe gestures.

### User Interface & Experience

- [Cross-Platform Development](https://awesome-repositories.com/f/user-interface-experience/cross-platform-development.md) — Enables consistent tabbed navigation layouts across iOS and Android using a single codebase.
- [Tabbed Containers](https://awesome-repositories.com/f/user-interface-experience/tabbed-containers.md) — Provides layout containers that organize content into switchable tabbed sections. ([source](https://github.com/satya164/react-native-tab-view/blob/main/.gitignore))
- [Tabbed Navigation](https://awesome-repositories.com/f/user-interface-experience/tabbed-navigation.md) — Provides a navigational container that organizes content into selectable tabbed views.
- [Deferred UI Initialization](https://awesome-repositories.com/f/user-interface-experience/deferred-ui-initialization.md) — Implements performance patterns that delay the creation of UI elements until they are focused.
- [Navigation Event Interceptors](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/event-handling-architectures/event-handling/event-processing-error-handlers/event-processing-interceptors/navigation-event-interceptors.md) — Provides a logic layer to intercept, modify, or cancel tab transition events.
- [Content-Driven State Synchronization](https://awesome-repositories.com/f/user-interface-experience/interaction-states/content-driven-state-synchronization.md) — Links the active index of the content sequence to UI state changes in the navigation bar.
- [Mobile Interface Layouts](https://awesome-repositories.com/f/user-interface-experience/mobile-interface-layouts.md) — Allows customization of tab bars with icons, labels, and badges to organize mobile content.
- [Deferred Rendering](https://awesome-repositories.com/f/user-interface-experience/performance-optimizers/deferred-rendering.md) — Implements techniques that delay the rendering of expensive elements to improve initial load times. ([source](https://github.com/satya164/react-native-tab-view#readme))
- [Tab Bar Customizers](https://awesome-repositories.com/f/user-interface-experience/tab-bar-customizers.md) — Provides components for styling and managing the layout of tab bars.
- [Tab Interaction Logic](https://awesome-repositories.com/f/user-interface-experience/tabbed-navigation/tab-interaction-logic.md) — Provides the capability to execute custom logic to intercept or prevent default tab switching behavior. ([source](https://github.com/satya164/react-native-tab-view#readme))

### Part of an Awesome List

- [Tab Bars](https://awesome-repositories.com/f/awesome-lists/devtools/tab-bars.md) — Offers a customizable tab bar controller for application navigation.
- [Scrollable](https://awesome-repositories.com/f/awesome-lists/devtools/tab-bars/scrollable.md) — Supports horizontally scrollable tab bars to accommodate numerous navigation targets without crowding. ([source](https://github.com/satya164/react-native-tab-view/blob/main/README.md))