JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 24
  • Score
    100M100P100Q54495F
  • License ISC

A simple component that makes tabs animatable.

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.

Screenshot 2022-08-08 at 5 04 21 PM

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.