intellidev1991 / react-native-image-slider-box

A simple and fully customizable React Native component that implements an Image Slider UI.
MIT License
291 stars 100 forks source link

Images are not properly sliding #115

Open sohail232 opened 3 years ago

sohail232 commented 3 years ago

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

intellidev1991 commented 3 years ago

Can you send your configs? Or any screenshots?

bimalgrg519 commented 3 years ago

facing same issue

stich9208 commented 3 years ago

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

ZktSn0w commented 3 years ago

Is there any fix yet?

shaneajeffery commented 2 years ago

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 2 years ago

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

npaul2173 commented 2 years ago

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 2 years ago

Same issue on Android for me

sn4f commented 2 years ago

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 })}
/>
TuckBus commented 2 years ago

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 2 years ago

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

AleeFarook commented 1 month ago

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 worked for me, Thanks👍