react-native-swiper in react-native-scrollable-tab-view can,t show

[yuanji123]

where i put react-native-swiper into react-native-scrollable-tab-view, the image can,t show, my react-native version is 0.28, how can i solve this.

[yuanji123]

i found is not the problem of reac-native-scrollable-tab-view ,when i use react-native-swiper in listview renderHeader in android, the image can,t show

[aneesv]

Have similar issue, Image is not loading when used inside listview

[xiaomilii]

Have a same issue

[skx11500]

Have similar issue , i see the source code ,maybe use ViewPagerAndroid lead to this problem

[liuxisong]

Have similar issue, did anyone solve this?

[taisyo7333]

Did you try to add prop 'removeClippedSubviews={false}' ?

<Swiper removeClippedSubviews={false}>
{this.props.children}
</Swiper>

removeClippedSubviews causes the same problem.

[habibridho]

I got the same problem when using this swiper and react-native-scrollable-tab-view. According to this which is a quite similar case, there is a problem with the use of ViewPagerAndroid. So I try to find ViewPagerAndroid in the source file and replace it with Scrollview. And now it works like charm alongside react-native-scrollable-tab-view.

@leecade is there any particular reason in using ViewPagerAndroid?

[habibridho]

I found out that the workaround I mentioned above, messed up with the pagination.

I find another solution to integrate this swiper and react-native-scrollable-tab-view without messing the source file. I make another component that only render the swiper, then mount it in the main component.

[toearth]

I use the way mentioned by @habibridho , replace ViewPagerAndroid by the Scrollview. The swiper show, but when I swipe to right after fifth time, the swipe can't be sliced again, what the problem.

[438198602]

I also encountered the same problem。

[liuya891012]

<ListView removeClippedSubviews={false} />

[leecade]

@liuya891012 yes, scrollview won't render sub component outside of viewport for improve performance

[ammichael]

Guys, I'm having this same issue. I'm using a swiper inside a main swiper. If I change something in the code and reload, it shows perfectly. Tried to set all ScrollView and Swiper removeClippedSubviews props to false, changed ViewPagerAndroid in source to ScrollView, but nothing works.

If I change to loop false and swap, the next image loads too.

Help? =(

[aqnaruto]

still not work @liuya891012

[aqnaruto]

but nothing works +1 @ammichael

[qizhenshuai]

where add??

[woshi82]

yup, i have try this #311, and the problem solved.you can try this way selectively

[mahaaoo]

react-native-scrollable-tab-view cause the problem,i have used another component to solved it

[huy-lv]

@Mah93 which lib do you use?

[chudaotrucnhan]

find the index.js in node_modules\react-native-swiper\src. In the line 640 replace ViewPagerAndroid >> ScrollView.
Comment onPageSelected={this.onScrollEnd} and add onMomentumScrollEnd={this.onScrollEnd}
Edit line 466: this.scrollView && this.scrollViewanimated ? 'setPage' : 'setPageWithoutAnimation' >> this.scrollView && this.scrollView.scrollTo({ x, y, animated })
Sorry to arthur of react-native-swiper i just want to use it on android =.=

[wowge]

@chudaotrucnhan You're right!

[HuXin957]

please add key={JSON.stringify(data)} , retry

[skx11500]

收到