Skip to content

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

License

Notifications You must be signed in to change notification settings

khanshamshad32/react-native-circular-tab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published