@bluebase/plugin-native-web-swiper v1.0.0

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

Docs

• Storybook
• API Docs