awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 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·3 vueswww.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.

Historique des stars

Graphique de l'historique des stars pour ptomasroos/react-native-scrollable-tab-viewGraphique de l'historique des stars pour ptomasroos/react-native-scrollable-tab-view

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Alternatives open source à React Native Scrollable Tab View

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec React Native Scrollable Tab View.
  • satya164/react-native-tab-viewAvatar de satya164

    satya164/react-native-tab-view

    5,113Voir sur 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
    Voir sur GitHub↗5,113
  • brentvatne/react-native-scrollable-tab-viewAvatar de brentvatne

    brentvatne/react-native-scrollable-tab-view

    6,944Voir sur 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
    Voir sur GitHub↗6,944
  • h07000223/flycotablayoutAvatar de H07000223

    H07000223/FlycoTabLayout

    11,101Voir sur 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
    Voir sur GitHub↗11,101
  • xmartlabs/xlpagertabstripAvatar de xmartlabs

    xmartlabs/XLPagerTabStrip

    7,005Voir sur 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
    Voir sur GitHub↗7,005
Voir les 30 alternatives à React Native Scrollable Tab View→

Questions fréquentes

Que fait ptomasroos/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.

Quelles sont les fonctionnalités principales de ptomasroos/react-native-scrollable-tab-view ?

Les fonctionnalités principales de ptomasroos/react-native-scrollable-tab-view sont : 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.

Quelles sont les alternatives open-source à ptomasroos/react-native-scrollable-tab-view ?

Les alternatives open-source à ptomasroos/react-native-scrollable-tab-view incluent : 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…