React-native-swiper: react-native 0.48.3 swiper inside scrollview white space on android.
Which OS ?
Android
Version
Which versions are you using:
- react-native-swiper 1.5.12
- react-native v0.48.3
Expected behaviour
Should show image
Actual behaviour
white space nothing come up.
Note: it works without scrollview as expected.
How to reproduce it>
To help us, please fork this component, modify one example in examples folder to reproduce your issue and include link here.
-
style.sliderBox = {flex: 1}
sagark1510
All 17 comments
+1
jsappme
on 18 Sep 2017
same problem here
sgd27
on 20 Sep 2017
+1
readthecodes
on 22 Sep 2017
+1
woowalker
on 23 Sep 2017
add containerStyle={{width: Dimensions.get("window").width}}
jsappme
on 23 Sep 2017
same problem here
zhangruiyu
on 25 Sep 2017
same problem here
Evan-Future
on 28 Sep 2017
Reproduced on the ios 11 with Expo
blaremc
on 1 Oct 2017
+1
kadoshms
on 1 Oct 2017
+1. Bump.
derekbrown
on 8 Oct 2017
Adding containerStyle width & height to Swiper component solved the problem for me
<Swiper
containerStyle={{
width: Dimensions.get('window').width,
height: Dimensions.get('window').height
}}
/>
DaveHudson
on 12 Oct 2017
The workaround doesn't work for me. Trying to display an array of wix/react-native-calendars inside the swiper and it doesn't show anything on Android (works on iOS)
pencilcheck
on 20 Oct 2017
lbhsot
on 20 Nov 2017
There is a better solution: https://github.com/leecade/react-native-swiper/issues/416#issuecomment-309785923
<Swiper removeClippedSubviews={false} .../>
hbarylskyi
on 20 Nov 2017
This issue remains for me and the suggested solution does not work for me either. I want to know whether or not there is some solution..
diszrahul
on 14 Feb 2018
Same issue , any other solution !?
MinaFSedrak
on 14 Jun 2018
<ViewPagerAndroid ref='scrollView'
{...this.props}
key={pages.length}
initialPage={this.state.index}
onPageSelected={this.onScrollEnd}
style={{flex: 1}}>
{pages}
</ViewPagerAndroid>
add key.
guaizi149
on 26 Jun 2019
Related issues
kylehagler
路
3Comments
nomoreboredom
路
3Comments
chetanparakh
路
3Comments
ghost
路
3Comments
wrannaman
路
3Comments
Most helpful comment
add containerStyle={{width: Dimensions.get("window").width}}