whatisgithub

What is react-native-scrollable-tab-view?

ptomasroos/react-native-scrollable-tab-view — explained in plain English

Analysis updated 2026-06-24

6,948JavaScriptAudience · developerComplexity · 2/5LicenseSetup · easy

In one sentence

A React Native component that adds a swipeable tab navigation bar to your iOS and Android app, users swipe between screens, each screen scrolls independently and remembers its scroll position.

Mindmap

mindmap
  root((Tab View))
    What It Does
      Swipeable tab navigation
      Per-tab scroll memory
    Customization
      Custom tab bar
      Color and style props
    Configuration
      Tab position top or bottom
      Disable swiping
      Pre-render nearby tabs
    Tech
      JavaScript
      React Native
    Platforms
      iOS
      Android
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add swipeable screen-to-screen navigation to an existing React Native app with a few lines of code.

USE CASE 2

Replace the default tab bar with a fully custom design component for a branded mobile app.

USE CASE 3

Build a mobile dashboard with multiple independently scrollable sections users can swipe between.

USE CASE 4

Disable swiping on sensitive screens while keeping tap-based tab navigation active.

What is it built with?

JavaScriptReact Native

How does it compare?

ptomasroos/react-native-scrollable-tab-viewmleibman/slickgridgooglechrome/lighthouse-ci
Stars6,9486,9476,963
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasymoderatemoderate
Complexity2/52/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min
Free to use for any purpose, including commercial projects, as long as the MIT copyright notice is kept.

So what is it?

This is a JavaScript component for React Native apps that adds a swipeable tab navigation bar. Users can swipe left and right between screens, each of which sits under its own labeled tab. Each screen can independently scroll its own content and remembers its scroll position when you swipe away and come back. The transition between tabs is animated. React Native is a framework for building mobile apps using JavaScript that run on both iOS and Android. This component drops into a React Native project as a single dependency and wraps your existing screens with a few lines of code. You assign each screen a tab label, and the component takes care of rendering the tab bar and handling swipe gestures. The tab bar itself can be replaced with a custom design. The library ships with a default tab bar that shows text labels with an underline indicator, and you can customize its colors and text styles through props. For a fully different look, you write your own tab bar component and pass it in. Configuration options let you position the tab bar at the top or bottom of the screen, disable swiping so tabs can only be changed by tapping, set which tab opens first, and pre-render nearby tabs in the background to reduce visual delays. The library also exposes callbacks for when the active tab changes and when the user is mid-swipe between tabs. Installation is a single npm command, and the README includes code examples and links to several example files. The project is MIT licensed and open to contributions.

Copy-paste prompts

Prompt 1
I'm building a React Native app and want to add swipeable tabs between my Home, Profile, and Settings screens using react-native-scrollable-tab-view. Show me the minimal setup code.
Prompt 2
How do I create a custom tab bar component for react-native-scrollable-tab-view that shows icons instead of text labels?
Prompt 3
In my React Native app using this tab view, I want the third tab to open by default. How do I configure that?
Prompt 4
Show me how to listen for tab-change events in react-native-scrollable-tab-view so I can track analytics when users switch tabs.
Prompt 5
How do I disable swipe gestures on one specific tab in react-native-scrollable-tab-view while keeping the rest swipeable?

Frequently asked questions

What is react-native-scrollable-tab-view?

A React Native component that adds a swipeable tab navigation bar to your iOS and Android app, users swipe between screens, each screen scrolls independently and remembers its scroll position.

What language is react-native-scrollable-tab-view written in?

Mainly JavaScript. The stack also includes JavaScript, React Native.

What license does react-native-scrollable-tab-view use?

Free to use for any purpose, including commercial projects, as long as the MIT copyright notice is kept.

How hard is react-native-scrollable-tab-view to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is react-native-scrollable-tab-view for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.