Você está aqui: React Native ::: React Native - Componentes Visuais ::: TextInput
Quantidade de visualizações: 52 vezes
Nesta dica mostrarei como podemos obter o conteúdo digitado em um TextInput do React Native a partir do evento onPress de um Button. Este código é excelente para iniciantes, pois mostra como declarar o state inicial da classe, atualizar este state a partir de métodos e obter o valor de uma variável dentro do state ao clicar em um botão. Note que usei também o evento onChangeText do componente TextInput para atualizar o state sempre que o usuário digitar ou remover algum conteúdo.
import {View, Button, TextInput, StyleSheet} from 'react-native';
// estado (state) dessa classe
nome: ''
// método que permite atualizar o state da classe
atualizaNome = (text) => {
this.setState({nome: text});
// método que permite obter o conteúdo do TextInput
exibir_nome(){
alert("O nome digitado foi: " + this.state.nome);
// renderiza os componentes
<View style={{padding: 20, flexDirection: 'column'}}>
placeholder = "Seu nome"
onChangeText = {this.atualizaNome} />
this.exibir_nome()}
title="Mostrar Nome" />
// estilos CSS para a caixa de texto
borderColor: '#bdbdbd',
Quantidade de visualizações: 33 vezes
Quantidade de visualizações: 29 vezes
C - Como calcular juros compostos e montante usando C
C++ - C++ Windows API GUI - Como criar sua primeira aplicação de interface gráfica usando C++ e WinAPI
Java - Matrizes - Exercícios e Algorítmos Resolvidos 20 - Somando os elementos da diagonal secundária de uma matriz
C# - Como usar o laço do...while da linguagem C#
Java - Vetores e Matrizes - Exercícios Resolvidos de Java - Ex. 10 - Verificando quantas vezes um determinado valor é encontrado em um vetor
Java - Como efetuar captura de tela (screenshot) em seus programas Java usando o método createScreenCapture() da classe Robot