React-native-swiper: Show nothing on RN 0.47.1

Created on 10 Aug 2017 · 7Comments · Source: leecade/react-native-swiper

Version

Which versions are you using:

react-native-swiper v1.5.8
react-native v0.47.1

Expected behaviour

Actual behaviour

It show when I render swiper as an item of FlatList.
But when I render it along, show nothing.

Steps to reproduce

For non-obvious bugs, please fork this component, modify Example project to reproduce your issue and include link here.
1.
2.
3.

Need answer from author

Source

ittianyu

Most helpful comment

I just upgraded from 1.5.4 to 1.5.8 and had the same problem. No pages rendered. I solved this by adding the containerStyle prop to the Swiper and setting it to the following style:

swiperWrapper: {
flex: 1,
height: '100%',
width: '100%',
alignSelf: 'stretch',
backgroundColor: '#fff',
}

DigohD on 10 Aug 2017

👍3 😄1

All 7 comments

I just upgraded from 1.5.4 to 1.5.8 and had the same problem. No pages rendered. I solved this by adding the containerStyle prop to the Swiper and setting it to the following style:

swiperWrapper: {
flex: 1,
height: '100%',
width: '100%',
alignSelf: 'stretch',
backgroundColor: '#fff',
}

DigohD on 10 Aug 2017

👍3 😄1

@DigohD Thanks. I'm using react-native-snap-carousel now. It has flatlist version.

ittianyu on 10 Aug 2017

With the last version of RNSwiper, 1.5.9 , it should be working. Can you try again @DigohD or @ittianyu ?

arribbar on 11 Aug 2017

Tried on 1.5.9, with and without @DigohD suggestion as new prop to my Swiper:

containerStyle={{
  flex: 1,
  height: '100%',
  width: '100%',
  alignSelf: 'stretch',
  backgroundColor: '#fff',
}}

Still, the Swiper component doesn't show in my app, with a black bar that was below the Swiper now at the top. As I wrote in https://github.com/leecade/react-native-swiper/issues/494