Em algumas situações nós temos imagens no React Native e gostaríamos de efetuar alguma tarefa quando o usuário pressionar essas imagens, ou seja, detectar um evento onPress em um componente Image.
O problema é que o componente Image, pelo menos até a versão 0.65 do React Native não possui o evento onPress. Por esse motivo, sempre que quisermos que uma Image reage ao evento onPress, temos que colocá-la dentro de um TouchableOpacity, que pode ser usado para envolver qualquer componente que pretendemos fazer responder ao toque na tela do aplicativo.
Veja o exemplo completo no qual temos uma Image dentro de um TouchableOpacity. Quando o usuário clicar (pressionar) na imagem, uma mensagem Alert será exibida:
Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.
Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.
Quero Ser Apoiador(a) |
|
Link para compartilhar na Internet ou com seus amigos:
