单击React Native中的图像

Question

我正在使用一个使用图像的应用程序，当单击图像时，将显示一个新的随机图像。这是在React Native中。我不知道该怎么做或去哪里获取更多信息。这是代码。

      <Image
        style={{ 
          width: 300,
          height: 300,
        }}
        source={
          require('./cards/card.png')
        }
      />

Answer 1

可压制是另一个选择。
您可以在此处查看React文档。
https://reaectnative.dev/docs/docs/pressable

<Pressable onPress={onPressFunction}>
      <Image
        style={{ 
          width: 300,
          height: 300,
        }}
        source={
          require('./cards/card.png')
        }
      />
</Pressable>

Answer 2

您可以用＆lt; image/＆gt;组件使用touchableOpacity其他touchable component。并使用道具或状态进行图像源动态。

例如：

您的状态

const [imageUri, setImageUri] = useState('')

const handlePress = () => {
   // some logic random the image
}

您的组件

<TouchableOpacity onPress={handlePress}>
    <Image source={{
          uri: imageUri
        }}/>
<TouchableOpacity>

参考： https://reaectnative.dev/dev/dev/docs/touchables/touchableopace