intellidev1991/react-native-image-slider-box

Images are not properly sliding

sohail232 opened this issue · 12 comments

sohail232 commented

When we move images it sometime stops in both in mid mean there is pagination problem

intellidev1991 commented

Can you send your configs?
Or any screenshots?

bimalgrg519 commented

facing same issue

stich9208 commented

I think I have same issue too
I`m using version 1.0.12

ZktSn0w commented

Is there any fix yet?

shaneajeffery commented

I ran into the same issue today. Pay very close attention to the components that you have that are wrapping the <SliderBox />. I had a <SharedElement /> component wrapping it and it was screwing up everything. Once I remove that wrapping component, it worked perfectly.

Just providing some info based on my experience. Hope this helps someone else.

Melekhin commented

same problem, and aren't wrapping components for <SliderBox />

npaul2173 commented

Somebody please give a solution to this. I am not using shared element

<SafeAreaView style={{ backgroundColor: 'white', flex: 1 }}> <SliderBox paginationBoxVerticalPadding={30} dotColor={'transparent'} inactiveDotColor={'transparent'} sliderBoxHeight={300} ImageComponentStyle={{ borderRadius: 20, width: 300, }} dotStyle={{ backgroundColor: 'wheat' }} images={levImages} /> </SafeAreaView>

tereshchenkoartyom94-da commented

Same issue on Android for me

sn4f commented

Guys if you have this problem on android please add this prop

<SliderBox
{...yourProps}
pagingEnabled <--- this one, I've added it only for android using pagingEnabled={Platform.select({ android: true })}
/>
  • 👍9
  • ❤️3
  • 🚀1
TuckBus commented

This can happen when remote debugging is enabled when developing on Android (expo), as noted in the react-native-snap-carousel readme here. Disabling it fixed the issue for me, though they say the only way to truly test it is by testing in a production environment.

VhoraAbdulrauf commented

Guys if you have this problem on android please add this prop

<SliderBox
{...yourProps}
pagingEnabled <--- this one, I've added it only for android using pagingEnabled={Platform.select({ android: true })}
/>

It's worked for me.
Thank You

  • 👍2