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: 2740 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")} 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 |
HTML5 - HTML5 para iniciantes - Como usar a meta tag viewport para controlar o layout de suas páginas HTML |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |