rn-custom-tabs

A light-weight library for creating custom tabs for use in your mobile app

Dependencies

This module can only be incorporated into an existing react native project with babel properly configured.

Installation

npm install --save rn-custom-tabs;

Usage

import { Text, View } from 'react-native';
import Tabs from 'rn-custom-tabs';

<Tabs containerStyle={{ margin: 5 }} activeNum={1}>
  <Text
    style={{ color: '#fff' }}
    tabTitle="Tab1"
    tabIcon={{ name: 'check', type: 'navigation' }}
  >
    Tab one: What is up?
  </Text>
  <View tabIcon={{ name: 'search', type: 'action' }}>
    <Text style={{ color: '#fff' }}>Tab two: only icon for me</Text>
  </View>
  <View tabTitle="Tab3" >
    <Text style={{ color: '#fff' }}>Tab three: only title for me</Text>
  </View>
  <Text style={{ color: '#fff' }}>Tab four: you have left with me nothing :(</Text>
</Tabs>

Corresponding Images