I found several bug about react-native-responsive-image-view HOT 5 CLOSED

Can, Very good components, thanks!

from react-native-responsive-image-view.

Hi @showtan001.

I'm not sure I understand the issue. Can you provide some example code reproducing the problem, possibly in a Snack?

Thank you.

from react-native-responsive-image-view.

const MyTouchableComponent = ({ imageUri, onPress, contentStyle, content }) => ( <ResponsiveImageView source={{ uri: imageUri }} render={({ getViewProps, getImageProps }) => ( <View {...getViewProps() }> <TouchableOpacity onPress={onPress}> <Image {...getImageProps() } /> <Text style={contentStyle}>{content}</Text> </TouchableOpacity> </View> )} /> );
let dataArr = ["https://s.chydof.com/yc/20180210/bb72081c659fd8f91a0c3f97f7cd3618.jpg", "https://s.chydof.com/yc/20180210/e1f905774c9558c9b1b6644f9ee2c61a.jpg", "https://s.chydof.com/yc/20180210/914219e222287b92276de0b2b3867c56.jpg"]; render() { return ( <ScrollView style={containers}> { dataArr.map((item, index) => ( <MyTouchableComponent contentStyle={{ color: '#000' }} content={index} imageUri={item} onPress={() => { }} /> )) } </ScrollView> ) }
Add Text to make a mistake or not to show. Can you add Text? Thank you!

from react-native-responsive-image-view.

Will this work for you?

const MyTouchableComponent = ({ imageUri, onPress, contentStyle, content }) => (
  <TouchableOpacity onPress={onPress}>
    <ResponsiveImageView
      source={{ uri: imageUri }}
      render={({ getViewProps, getImageProps }) => (
        <View {...getViewProps()}>
          <Image {...getImageProps()} />
        </View>
      )}
    />
    <Text style={contentStyle}>{content}</Text>
  </TouchableOpacity>
);

from react-native-responsive-image-view.

Great! Thank you.

from react-native-responsive-image-view.