leecade / leecade/react-native-swiper

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

Open
#574 17 comments 7 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
10.5k
Forks
2.3k
PR merge metrics
No merged PRs in 30d

Description

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}

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the example in the examples folder and reproduce the Android case using react-native-swiper 1.5.12 and React Native 0.48.3. Compare the provided ScrollView, View, Swiper, and Image arrangement with the same Swiper outside a ScrollView; done means the image renders inside the ScrollView without the reported white space.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.