 |
|
||||
Você está aqui: React Native ::: React Native - Componentes Visuais ::: Button |
Como chamar uma função a partir do evento onPress de um botão do React NativeQuantidade de visualizações: 2637 vezes |
|
Em algumas situações nós precisamos detectar o evento onPress de um botão do React Native e chamar uma função ou método personalizado. Nesta dica mostrarei como isso pode ser feito. Note que o evento onPress do componente Button é disparado quando o usuário o pressiona. Veja o código completo para o exemplo:
import React, {Component} from 'react';
import {View, Button, Alert} from 'react-native';
type Props = {};
export default class App extends Component<Props> {
render() {
return (
<View style={{backgroundColor: '#eeeeee',
padding: 30}}>
<Button onPress = {() =>
this.exibir_mensagem("React Native é o bicho")}
Veja que o método exibir_mensagem() reside na classe App. Por esta razão, ao chamarmos a função a partir do evento onPress do Button nós tivemos que empregar a palavra-chave this para se referir à instância atual da classe. |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de React Native |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
