@bluebase/plugin-native-web-swiper
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

plugin-native-web-swiper

swiper with native and web support


API

This plugin is forked from react-native-web-plugin. 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:

<Swiper
   scrollEnabled={false}
   ref={(c) => this._swiper = c}
   index={0}
   showDots={false}
   showNextPrev={false}
>
   <ComponentOne moveNext={() => {
       //pass false tp move Next
       this._swiper.moveUpDown(false);
   }} />
   <ComponentTwo navigateBack={() => {
       //pass true to move back
       this._swiper.moveUpDown(true);
   }} />
</Swiper>

🤝 Compatibility

🌏 Web 🖥 Electron 📱 React Native

Docs

Readme

Keywords

none

Package Sidebar

Install

npm i @bluebase/plugin-native-web-swiper

Weekly Downloads

5

Version

1.0.0

License

MIT

Unpacked Size

358 kB

Total Files

28

Last publish

Collaborators

  • bluebase-release-bot
  • abubakarsaddique
  • artalat