react-native-swipe-tabs

A simple component that makes tabs animatable.

Demo

Works on both IOS and Android.

Installation

Just run npm install --save-exact react-native-swipe-tabs

Usage

Let us suppose there are some screens "Favourites", "Playlists", "Tracks", "Folders"

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}>
                
                <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.