awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
ptomasroos avatar

ptomasroos/react-native-scrollable-tab-view

0
View on GitHub↗
6,945 stars·2,255 forks·JavaScript·12 viewswww.npmjs.com/package/react-native-scrollable-tab-view↗

React Native Scrollable Tab View

This project is a React Native UI component for implementing swipeable tab navigation. It organizes mobile app content into category tabs that users navigate through horizontal gestures or direct interaction.

The system synchronizes the movement of the tab indicator with the page scroll offset. It supports the integration of custom tab bars and provides the ability to maintain independent scroll positions for each individual page.

Navigation can be managed programmatically, including the ability to define initial starting pages or disable gesture-based swiping. The component also includes tracking mechanisms to trigger callbacks when users switch tabs or slide pages.

Features

  • Horizontal Navigation Sliders - Implements a scrollable interface with an animating indicator that tracks the active tab selection.
  • Gesture-Driven Page Switching - Enables users to switch between content pages using horizontal swipe gestures.
  • React Native Components - Provides a specialized user interface component for tabbed navigation specifically for React Native.
  • Category-Based Content Organization - Organizes mobile application content into category tabs navigable by gestures or clicks.
  • Scroll-to-Index Mapping - Implements the logic that translates raw scroll positions into the active tab index for synchronization.
  • Scroll Restoration - Maintains independent scroll positions for each tab, ensuring users return to their previous place on a page.
  • Tabbed Navigation - Creates a mobile interface where users swipe horizontally between categorized views.
  • Pager Tab Interfaces - Couples a tab selection interface with a swipeable view pager for seamless navigation.
  • Tab Bar Animation Toolkits - Coordinates the tab indicator animation to move in sync with the page scroll offset.
  • Tab Bar Customizers - Supports replacing default tab bars with custom components that maintain animation synchronization.
  • Programmatic Controls - Provides API methods to programmatically change active tabs and lock gesture-based swiping.
  • Tab Navigation Settings - Offers configurable settings for initial page selection, animation toggles, and tab rendering.
  • Gesture Disabling - Provides a mechanism to disable horizontal swipe gestures between pages via a configuration flag.

Star history

Star history chart for ptomasroos/react-native-scrollable-tab-viewStar history chart for ptomasroos/react-native-scrollable-tab-view

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to React Native Scrollable Tab View

Similar open-source projects, ranked by how many features they share with React Native Scrollable Tab View.
  • satya164/react-native-tab-viewsatya164 avatar

    satya164/react-native-tab-view

    5,113View on GitHub↗

    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 b

    TypeScripthacktoberfestpager-componentreact-native
    View on GitHub↗5,113
  • brentvatne/react-native-scrollable-tab-viewbrentvatne avatar

    brentvatne/react-native-scrollable-tab-view

    6,944View on GitHub↗

    This project is a cross-platform mobile tab navigator for React Native. It provides a swipable tab interface and an animated view switcher that allows users to move between different content areas using horizontal swipe gestures. The system features a customizable tab bar component that can be styled or replaced with custom components to control the visual layout. It supports independent scroll state management, ensuring each individual page maintains its own vertical scroll position when switching views. The navigation framework handles tab transition control and adjacent page pre-rendering

    JavaScript
    View on GitHub↗6,944
  • h07000223/flycotablayoutH07000223 avatar

    H07000223/FlycoTabLayout

    11,101View on GitHub↗

    FlycoTabLayout is a Java-based library for building tabbed navigation interfaces in Android applications. It functions as a custom view component and navigation tool that allows developers to organize content into switchable categories using customizable indicators and animations. The library distinguishes itself through integrated notification badge components that display unread message tips and status indicators directly on individual tabs. It also provides specialized navigation synchronization, allowing the tab layout to function as a standalone component or as a linked navigation bar ti

    Java
    View on GitHub↗11,101
  • xmartlabs/xlpagertabstripxmartlabs avatar

    xmartlabs/XLPagerTabStrip

    7,005View on GitHub↗

    XLPagerTabStrip is a navigation component for iOS that synchronizes a tabbed menu with a swipable view controller pager. It functions as a gesture-based view switcher, allowing users to navigate between different screen views through either direct tab selection or horizontal swipe gestures. The project provides a wrapper for segmented controls and other tab indicator styles to manage the switching of multiple child views. It supports various tab indicator styling options, including button bars and simple indicator bars, and allows for the configuration of tab transition behaviors. The system

    Swift
    View on GitHub↗7,005
See all 30 alternatives to React Native Scrollable Tab View→

Frequently asked questions

What does ptomasroos/react-native-scrollable-tab-view do?

This project is a React Native UI component for implementing swipeable tab navigation. It organizes mobile app content into category tabs that users navigate through horizontal gestures or direct interaction.

What are the main features of ptomasroos/react-native-scrollable-tab-view?

The main features of ptomasroos/react-native-scrollable-tab-view are: Horizontal Navigation Sliders, Gesture-Driven Page Switching, React Native Components, Category-Based Content Organization, Scroll-to-Index Mapping, Scroll Restoration, Tabbed Navigation, Pager Tab Interfaces.

What are some open-source alternatives to ptomasroos/react-native-scrollable-tab-view?

Open-source alternatives to ptomasroos/react-native-scrollable-tab-view include: satya164/react-native-tab-view — This project provides a tabbed navigation component for cross-platform mobile applications. It functions as a… brentvatne/react-native-scrollable-tab-view — This project is a cross-platform mobile tab navigator for React Native. It provides a swipable tab interface and an… h07000223/flycotablayout — FlycoTabLayout is a Java-based library for building tabbed navigation interfaces in Android applications. It functions… xmartlabs/xlpagertabstrip — XLPagerTabStrip is a navigation component for iOS that synchronizes a tabbed menu with a swipable view controller… flipkart/recyclerlistview — Recyclerlistview is a cross-platform virtualized list component for React Native and web. It functions as a… geekyants/vue-native-core — Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling…