https://github.com/bluebasejs/plugin-native-web-swiper

https://github.com/bluebasejs/plugin-native-web-swiper

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/bluebasejs/plugin-native-web-swiper
• Owner: BlueBaseJS
• License: apache-2.0
• Created: 2019-04-24T13:38:50.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-03T19:56:13.000Z (over 3 years ago)
• Last Synced: 2024-11-02T03:46:33.297Z (3 months ago)
• Language: TypeScript
• Size: 5.16 MB
• Stars: 0
• Watchers: 8
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


	

  


		plugin-native-web-swiper

	

  
swiper with native and web support





## API

This plugin is forked from [react-native-web-plugin](https://www.npmjs.com/package/react-native-web-swiper).

You can find the docs for the available props from the link given above. There are three aditional props in this plugin

### **Additional Props**:

**scrollEnabled**(_boolean_): This will block the transition on swipe.

**showDots**(_boolean_): This will control the visibilty of bottom navigation dots View.

**showNextPrev**(_boolean_): There are next and prev buttons pre-rendered on the screen. You can control the visibility of those buttons with this prop.

## Usage

Here is a code snipet using all the above mentioned props:

     this._swiper = c}

       index={0}

       showDots={false}

       showNextPrev={false}

    >

        {

           //pass false tp move Next

           this._swiper.moveUpDown(false);

       }} />

        {

           //pass true to move back

           this._swiper.moveUpDown(true);

       }} />

    

## 🤝 Compatibility

| 🌏 Web | 🖥 Electron | 📱 React Native |

| :----: | :---------: | :-------------: |

|    ✅   |      ✅      |        ✅        |

## Docs

-   [Storybook](https://BlueBaseJS.github.io/plugin-native-web-swiper/storybook/)

-   [API Docs](https://BlueBaseJS.github.io/plugin-native-web-swiper/)