Swiper on button click jumps 2 slides
See original GitHub issueWhich OS ?
ios and android
Version
Which versions are you using:
- react-native-swiper v1.5.13
- react-native v0.56.0
Expected behaviour
On click the button go to the next slide
Actual behaviour
When i click to the button on the first time it jumps to the same slide again
How to reproduce mit>
To help us, please fork this component, modify one example in examples folder to reproduce your issue and include link here.
Steps to reproduce
- yarn add
react-native-swiper
- Create a component like this
<Swiper
height={140}
showsButtons
>
<Text>Slide 1</Text>
<Text>Slide 2</Text>
</Swiper>
4.Click on the button to go to the next slide
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:6
Top Results From Across the Web
Swiper.JS Next Button moving 1.5 slides - Stack Overflow
I am using Swiper.JS to create a two row card slider. Problem: When pressing the next button, instead of transitioning to the next...
Read more >Swiper—Jumping on Page Load Resolved | by Aaron K.
The original Swiper demo jumps around and flickers on page load. Ugh. For an unknown reason it was not apparent until many days...
Read more >jQuery slideUp() Method - W3Schools
The slideUp() method slides-up (hides) the selected elements. Note: Hidden elements will not be displayed at all (no longer affects the layout of...
Read more >Swiper API
Slides --> <div class="swiper-slide">Slide 1</div> <div ... slidePrev() methods calls, on Navigation "buttons" clicks and in autoplay.
Read more >Use your Chromebook touchpad - Google Support
Turn on tap dragging. Turn touchpad acceleration on or off. Swap your primary mouse button, if you use a mouse. Adjust how quickly...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
#720
add the
key
to theSwiper
componet like this:or like this: