react-native-segment-controller v1.0.0

react-native-segment-controller

A react-native segment controller for both android and ios. You can define any number of tabs or segemnts and this will automatically adjust according to the wrapped view's width. You can also add badge count to specify any integer to user.

Demo

Installation

yarn add react-native-segment-controller  or npm install --save react-native-segment-controller

Usage

import SegmentControl from 'react-native-segment-controller';

 <SegmentControl
          values={['One', 'Two', 'Three', 'Four']}
          badges={[0, 5, 0, 2]}
          selectedIndex={0}
          height={30}
          onTabPress={() => {}}
          borderRadius={5}
 />

Prop-types

Example

checkout sample directory and findout a react-native app. First run npm install or yarn

then run

react-native run-android  or  react-native run-ios

Created by @ Chanaka Athurugiriya