Você está aqui: React Native ::: React Native - Componentes Visuais ::: TextInput

Como retornar o texto digitado em um componente TextInput do React Native ao clicar em um botão

Quantidade de visualizações: 1966 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.

Veja o código completo para o exemplo:

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:

Veja mais Dicas e truques de React Native

Como exibir imagens e fotos em aplicações React Native usando o componente Image

Como instalar o React Native, configurar e escrever sua primeira aplicação React Native Android

Como usar a propriedade flexDirection do React Native para controlar o alinhamento de componentes em uma View

Como chamar uma função a partir do evento onPress de um botão do React Native

Como detectar um clique em um botão do React Native e exibir uma mensagem Alert

Como exibir imagens estáticas no React Native usando o componente Image

Como retornar o texto digitado em um componente TextInput do React Native ao clicar em um botão

Como detectar um clique em uma imagem no React Native usando os componentes Image e TouchableOpacity

Como usar o componente View do React Native para controlar o layout de suas aplicações mobile

Dicas e truques de outras linguagens

C - Como escrever uma função strtolower() para transformar uma palavra inteira em letras minúsculas usando a linguagem C

Java - Exercícios Resolvidos de Java - O caractere ausente. Escreva um método Java que receba uma string não vazia e um inteiro positivo.

Delphi - Apostila Delphi para iniciantes - Como criar sua primeira DLL usando Delphi

Ruby - Exercício Resolvido de Ruby - Como percorrer os elementos de um array em Ruby usando a função each

C++ Builder - Como obter o tamanho do texto de um TEdit usando a função SendMessage() da API do Windows e a mensagem WM_GETTEXTLENGTH usando C++ Builder

Java - Java para iniciantes - Como formatar moeda usando a classe NumberFormat da linguagem Java

PHP - Programação Orientada a Objetos em PHP - Como usar o modificador de acesso public em suas classes PHP

Java - Como obter a quantidade de itens em uma ArrayList em Java usando seu método size()

C# - Como pesquisar um valor em um vetor C# e retornar seu índice usando a função IndexOf() da classe Array

Delphi - Como retornar o dia do mês para uma determinada data em Delphi usando as funções DayOfTheMonth() e DayOf()

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: React Native ::: React Native - Componentes Visuais ::: TextInput

Como retornar o texto digitado em um componente TextInput do React Native ao clicar em um botão

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90