Clickable image on the cards

Hi, I was trying to add click action on the image of a card component.

Here is my code :

<View style={styles.container}>
  <FlatList
      data={ this.state.interests }
      extraData={ this.state.showDetails }
      renderItem={
          ({item}) => {              
              return (
                  <Card
                      image={{ uri: item.picture }}
                      imageStyle= {styles.image}
                      backgroundColor='white'
                  >
                      {this.renderInterests(item)}
                  </Card> 
              );
          }
      }
      keyExtractor={(item, index) => index}
  />
 </View>

It seems from the documentation there isn’t specific property on the card component. I definitely want to use the card’s property image because I want to keep the header image style.

How I can do that ? I need your help please !

[giveli]

Thank you so much for your help ! I locally add a touchable around the image on Card.js ! It works ! Thank you ! I will add a pull request as soon as possible.

[iRoachie]

Yea it’s still open.