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: 2918 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: ----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------
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")}
title="Clique" />
</View>
);
}
// permite exibir uma mensagem
exibir_mensagem(texto){
Alert.alert(texto);
}
}
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. |
|
|
Veja mais Dicas e truques de React Native |
Dicas e truques de outras linguagens |
|
jQuery - Como remover uma classe (ou classes) de um elemento HTML usando a função removeClass() do jQuery |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |







