chilijung / react-native-image-page

react-native image-carousel with zoom-pan gestures and full-screen support, work on both iOS and Android
20 stars 8 forks source link

images not displayed . #8

Open alainib opened 6 years ago

alainib commented 6 years ago

hello, i get no images displayed with the example you provide ( tested on android only ), only the text "header image X" and "footer x" displayed.

screenshot_2017-11-20-10-03-57

Any idea ?

i try to log inside your code, "this.props.style" are undefined in "image.js" and "TouchableImage" because in "carousel.js" they are not passed <TouchableImage key={i} image={img} onPress={this.scrolling ? () => {} : () => onPressImage(i)} />


PS i have warning easly fixed : -" each viewpager child must be a , was TouchableImage" -"each child in an array or iterator should have a unique key prop"

so in "carousel.js" file

    <View key={i}>
           <TouchableImage
             key={i}
             image={img}
             onPress={this.scrolling ? () => {} : () => onPressImage(i)}
             />
   </View>  
Ash-faq commented 6 years ago

Do anyone find the solution. Same thing is happening here for me

kartikrawal123 commented 5 years ago

in image prop you must have to pass images as the example suggest. I also face this problem because i pass image in url but example show we must use uri so check the default syntax.