react-native-image-slider-box icon indicating copy to clipboard operation
react-native-image-slider-box copied to clipboard

Images are not properly sliding

Open sohail232 opened this issue 4 years ago • 12 comments

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

sohail232 avatar Oct 08 '21 07:10 sohail232

Can you send your configs? Or any screenshots?

intellidev1991 avatar Oct 08 '21 13:10 intellidev1991

facing same issue

bimalgrg519 avatar Oct 11 '21 04:10 bimalgrg519

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

stich9208 avatar Oct 25 '21 08:10 stich9208

Is there any fix yet?

ZktSn0w avatar Oct 29 '21 15:10 ZktSn0w

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.

shaneajeffery avatar Nov 24 '21 19:11 shaneajeffery

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

Melekhin avatar Dec 08 '21 06:12 Melekhin

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>

npaul2173 avatar Jan 28 '22 13:01 npaul2173

Same issue on Android for me

tereshchenkoartyom94-da avatar Feb 23 '22 09:02 tereshchenkoartyom94-da

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 })}
/>

sn4f avatar May 14 '22 11:05 sn4f

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.

TuckBus avatar Oct 15 '22 20:10 TuckBus

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

VhoraAbdulrauf avatar Oct 17 '22 09:10 VhoraAbdulrauf