gitwtfhub

wtf is react-native-tab-navigator?

skevy/react-native-tab-navigator — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2016-01-08

JavaScriptAudience · developerComplexity · 2/5DormantSetup · moderate

TL;DR

A pure-JavaScript tab bar component for React Native that gives iOS and Android apps the same bottom-navigation look and feel without relying on native tab bars.

Mindmap

mindmap
  root((repo))
    What it does
      Bottom tab bar
      Cross platform UI
      Badge support
      Active inactive icons
    Tech stack
      React Native
      JavaScript
      Babel config
    Use cases
      Social app tabs
      Ecommerce app tabs
      Multi section apps
    Audience
      Mobile developers
      React Native teams
    Tradeoffs
      Not native look
      Needs Babel setup

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

Why would anyone build with this?

REASON 1

Build a bottom tab bar for a social app with Home, Messages, and Profile sections.

REASON 2

Add a Shop, Search, and Account tab layout to an e-commerce app.

REASON 3

Show notification badges on tabs to highlight unread messages or updates.

REASON 4

Ship a consistent tab navigation UI across iOS and Android without native code.

What's in the stack?

React NativeJavaScriptBabel

How it stacks up

skevy/react-native-tab-navigatora15n/a15na15n/checkout-validation
LanguageJavaScriptJavaScriptJavaScript
Last pushed2016-01-082019-04-072014-09-04
MaintenanceDormantDormantDormant
Setup difficultymoderateeasyeasy
Complexity2/52/52/5
Audiencedevelopergeneraldeveloper

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

How do you spin it up?

Difficulty · moderate Time to first run · 30min

Requires specific Babel settings configured in your build tool to work properly.

Yoink these prompts

Prompt 1
Show me how to wrap my app's screens in react-native-tab-navigator with three tabs: Home, Messages, and Profile.
Prompt 2
Help me add a notification badge to a tab in react-native-tab-navigator.
Prompt 3
What Babel configuration do I need to get react-native-tab-navigator working in my React Native project?
Prompt 4
Show me how to customize the active vs inactive icon for a tab in react-native-tab-navigator.

Frequently asked questions

wtf is react-native-tab-navigator?

A pure-JavaScript tab bar component for React Native that gives iOS and Android apps the same bottom-navigation look and feel without relying on native tab bars.

What language is react-native-tab-navigator written in?

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

Is react-native-tab-navigator actively maintained?

Dormant — no commits in 2+ years (last push 2016-01-08).

How hard is react-native-tab-navigator to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is react-native-tab-navigator for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.

Other repos in this lane