react-native-easy-tabs
Blazing fast and easy tabs
🙋 If you are looking for a rich tab view with gestures and build-in headers (tab-switchers), take a look at react-native-tab-view.
Examples
Installation
Use npm or yarn to install it. There is no need for linking, since it's just plain React Native Animated with useNativeDriver
.
npm i --save react-native-easy-tabs# or yarn add react-native-easy-tabs
Changelog
Here is our changelog. We are using Keep a Changelog and Semantic Versioning during development.
Usage
react-native-easy-tabs
exposes two components – TabView
and Tab
.
TabView
is a container for your tabs. It manages tab position
Clone this repository and run example project.
Here is a quick overview:
;; { const currentTab setCurrentTab = ; return <View style=stylesfill> <View style=stylespadding> <Button title="Tab 1" onPress= /> <Button title="Tab 2" onPress= /> <Button title="Tab 3" onPress= /> </View> <TabView selectedTabIndex=currentTab > <Tab> <View style=stylescontainer> <Text style=stylesparagraph>This is tab 1</Text> </View> </Tab> <Tab lazy> <View style=stylescontainer> <Text style=stylesparagraph> Second tab here yo </Text> </View> </Tab> <Tab lazy> <View style=stylescontainer> <Text style=stylesparagraph>THIRD TAB YAAAY</Text> </View> </Tab> </TabView> </View> ;}
License
MIT © Terry Sahaidak 2019