react-native-circular-tabs
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

react-native-circular-tabs

A react native library to provide tab view in your app with cyclic swipes. It also supports dynamically add and remove tabs

Usage

import CircularTabView from 'react-native-circular-tabs';

<CircularTabView tabs={tabs} renderTab={renderTab} activeTab={activeTab} animated cyclicSwipeEnable onTabActive={setActiveTab} />

Props
  • tabs: any[]; // Array of tabs data
  • activeTab?: number; // index of active tab
  • animated?: boolean; // showing tab switching be animated when activetab changes
  • cyclicSwipeEnable?: boolean; // allow cyclic tabs
  • renderTab: (tab: any) => React.ReactElement; // tab content
  • onTabActive: (index: number) => void; // on actiev tab changes by swiping

Package Sidebar

Install

npm i react-native-circular-tabs

Weekly Downloads

1

Version

1.0.2

License

MIT

Unpacked Size

8.61 kB

Total Files

5

Last publish

Collaborators

  • khanshamshad