question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Until the first swipe the first slide doesn't show up

See original GitHub issue

I have build a simple swiper in android where 5 slides are supposed to be shown. On load I can see 5 dots below with the first dot being active but the content is not shown for the same.

Here is my code:

<ScrollView>
        <Swiper
          height={deviceHeight - 200}
          paginationStyle={{ bottom: 20 }}
          activeDot={<View style={mainStyles.sliderBullets} />}
          loop={false}
        >
          <SliderContent
             // some content
          />
          <SliderContent
             // some content
          />
          <SliderContent
            // some content
          />
          <SliderContent
            // some content
          />
          <SliderContent
            // some content
          />
        </Swiper>
      </ScrollView>

If I swipe to second slide and come back to first one it shows the first slide.

Can anyone tell that why is the first slide empty until first swipe?

Additional Info:

RN: 0.42.3 Android: 7.1.2 Nexus 5X React native swiper: 1.5.4

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:12
  • Comments:20 (3 by maintainers)

github_iconTop GitHub Comments

76reactions
douglaswissettcommented, Jun 20, 2017

Disabling removeClippedSubviews from the Swiper component fixed this issue for me.

              <Swiper
                height={190}
                showsButtons={true}
                removeClippedSubviews={false}>
2reactions
callmejmcommented, Oct 11, 2017

@douglaswissett this facing this issue, I added removeClippedSubviews={false} to Swiper image also not showing

Read more comments on GitHub >

github_iconTop Results From Across the Web

Swipe not working on the first slide in Bootstrap carousel?
I am having the same issue. The first slide doesn't let me swipe. – RA19. May 17 at 9:53.
Read more >
PowerPoint Slide Doesnt Move! - Presentation Process
Solution: Go to your slideshow tab > Custom Slideshow and check if you have any listed there and remove them. You would set...
Read more >
Game apps won't close on first slide up? - Apple Community
When you swipe up on an app, when it's full screen, it's not being closed. You are redirected to the Home screen and...
Read more >
Hide or show a slide - Microsoft Support
In the left navigation pane, select the hidden slide you want to unhide. · Right-click the slide, then select Unhide Slide.
Read more >
Image Carousels and Sliders: Why You Shouldn't Use Them ...
Here are two main reasons why carousels and sliders don't work. ... (Since this article was first written, they've ditched the slider altogether.)....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found