Package Exports
- react-native-swipe-tabs
- react-native-swipe-tabs/index.ts
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-swipe-tabs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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.