react-native-swipe-tabs
A simple component that makes tabs animatable.
Introducing new Version with Labels
Works on both IOS and Android. Click here to see it in action.
Installation
Just run
npm install --save-exact react-native-swipe-tabs
Update
Just run
npm install react-native-swipe-tabs@">=1.1.0"
Usage
Let us suppose there are some screens "Favourites", "Playlists", "Tracks", "Folders"
Pass labels prop like below to display TabBar
import SwipeableTabs from "react-native-swipe-tabs"
....
class Home extends React.Component<any, any>{
constructor(props: any) {
super(props)
this.state = {
selectedIndex: 0
}
}
render() {
return (<SwipeableTabs
onSwipe={x => this.setState({ selectedIndex: x })}
selectedIndex={this.state.selectedIndex}
labels={["Favourites","Playlists","Tracks","Folders"]}
>
<Favourites />
<Playlists/>
<Tracks/>
<Folders/>
</SwipeableTabs>)
}
}
Misc
Currently I am not allowing pull requests. If you like to suggest a feature, email me to sheharyar.fast@gmail.com. I will get back to you as soon as I can.