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 [email protected]. I will get back to you as soon as I can.