react-native 0.48.3 swiper inside scrollview white space on android.

[sagark1510]

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.

     <ScrollView removeClippedSubviews={false}>
            <View style={{height: 300, width: 360}}>
                  <Swiper style={style.sliderBox}>
                       <View style={style.sliderBox}>
                            <Image source={images.banner1} resizeMode="cover" style={style.banner} />
                        </View>
                        <View style={style.sliderBox}>
                            <Image source={images.banner1} resizeMode="cover" style={style.banner} />
                        </View>
                  </Swiper>
            </View>
    </ScrollView>

   style.sliderBox = {flex: 1}

[bitcoinvsalts]

+1

[sgd27]

same problem here

[readthecodes]

+1

[woowalker]

+1

[bitcoinvsalts]

add containerStyle={{width: Dimensions.get("window").width}}

<Swiper containerStyle={{width: Dimensions.get("window").width}} >

[zhangruiyu]

same problem here

[evan0204]

same problem here

[blaremc]

Reproduced on the ios 11 with Expo

[kadoshms]

+1

[derekbrown]

+1. Bump.

[DaveHudson]

Adding containerStyle width & height to Swiper component solved the problem for me

<Swiper containerStyle={{ width: Dimensions.get('window').width, height: Dimensions.get('window').height }} />

[pencilcheck]

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)

[lbhsot]

https://github.com/leecade/react-native-swiper/issues/426

add timeout

[hbarylskyi]

There is a better solution: https://github.com/leecade/react-native-swiper/issues/416#issuecomment-309785923

<Swiper removeClippedSubviews={false} .../>

[diszrahul]

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..

[MinaFSedrak]

Same issue , any other solution !?

[guaizi149]

<ViewPagerAndroid ref='scrollView' {...this.props} key={pages.length} initialPage={this.state.index} onPageSelected={this.onScrollEnd} style={{flex: 1}}> {pages} </ViewPagerAndroid>

add key.