next and previous button position change

[chayancbnits]

Thanks for uploading this package.
next and previous button position change react-native-web-swiper

[oxyii]

@chayancbnits thanks for your report. Will you show dots in your case? You can override controlsWrapperStyle for now

[chayancbnits]

Thanks for the reply to me also I am using "controlsWrapperStyle" when I wrote, "top: 0 " for the arraow button position in the middle of height, for this reason, the inner TouchableOpacity not clickable

.

[oxyii]

@chayancbnits controlsWrapperStyle must have height: 0 but prevButtonStyle and nextButtonStyle must have a height > 0. So, controls wrapper will not overlay other components. This is temporary solution. I hope swiper will be a part of react-native-elements soon and with totally rewrited props

[chayancbnits]

@oxyii Thanks, Now it's clickable but I want to center of the height for direction arrows in both sides

.

[oxyii]

@chayancbnits This is really temporary solution snack

[chayancbnits]

@oxyii Thanks for supporting me, but in browser slider, the next button onClick event is absolutely working but not in android.

[oxyii]

@chayancbnits Please wait. I'll make v2.0 in a few hours

[chayancbnits]

@oxyii Thanks for the support, I am waiting for react-native-web-swiper V2.0

[oxyii]

@chayancbnits now you can upgrade to 2.0 and use something like this:

<Swiper
  controlsProps={{
    prevPos: 'left',
    nextPos: 'right',
    dotsPos: false,
    cellsContent: {
      'bottom-right': (
        <TouchableOpacity>
          <Text>Your Custom Touchable Component</Text>
        </TouchableOpacity>
      )
    }
  }}
>
...
</Swiper>

or you can continue to use touchable inside swiper slides

[oxyii]

@chayancbnits As I said, props totally rewrited. So, please take a look at updated README and see updated demo