从 React Native <Image> 组件中获取图像源

Question

有没有办法让我从图像组件中检索图像源 uri“profileImage”并将其传递给函数 profileImageFilter()，如 'image source'。

我希望 'image source' 成为“uri: profileImage”值

<TouchableOpacity onPress={profileImageFilter('image source')}>
     <Image style={styles.profileimage} source={{uri: profileImage}}></Image>
</TouchableOpacity>

Answer 1

如果您可以在渲染函数中访问个人资料图像，那么为什么不直接将其传递给函数呢？

参见示例：

<View>

<TouchableOpacity onPress={() => profileImageFilter({uri: profileImage})}>
     <Image style={styles.profileimage} source={{uri: profileImage}}></Image>
</TouchableOpacity>

<TouchableOpacity onPress={() => profileImageFilter({uri: profileImage2})}>
     <Image style={styles.profileimage} source={{uri: profileImage2}}></Image>
</TouchableOpacity>

<TouchableOpacity onPress={() => profileImageFilter({uri: profileImage3})}>
     <Image style={styles.profileimage} source={{uri: profileImage3}}></Image>
</TouchableOpacity>

</View>

从 React Native <Image> 组件中获取图像源

Get the image source from a react native <Image> component

javascript

reactjs

react-native

react-props