Curso
React Native: Componente TextInput
Neste curso você vai criar um sorteador utilizando dois inputs recebidos pelo usuário para sortear um número aleatório. Para receber este input do usuário vamos utilizar o componente TextInput.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
13 horas
Curso de React Native (10 aulas)
Aula 1 - Introdução
Antes de utilizar o TextInput precisamos aprender que componente é esse e como ele será útil na programação React Native.
Aula 2 - Entendendo o exemplo
Nesta aula vamos entender o que faremos para exibir o componente TextInput e o que vai acontecer quando o usuário digitar um valor.
Aula 3 - Criando o TextInput
Exibir o componente TextInput na tela é muito simples. Nesta aula vamos aprender como fazer a sua importação e como exibi-lo na tela.
Aula 4 - Propriedades de TextInput
Existem algumas propriedades para alterar a forma que o componente TextInput será exibido para o usuário. Nesta aula vamos aprender algumas dessas propriedades.
Aula 5 - Eventos de TextInput
É possível executarmos alguma ação quando o usuário tocar, digitar um texto ou tocar em outro TextInput. Isso é feito através de eventos que é o assunto desta aula.
Aula 6 - Arquitetura do projeto
Aprenda nesta aula a funcionalidade do nosso projeto, conheça como suas pastas serão estruturadas e como os componentes serão divididos.
Aula 7 - Conhecendo nosso ponto de partida
Está quase na hora de colocar a mão na massa mas antes vamos baixar e conhecer o projeto base que será usado neste curso.
Aula 8 - Exibindo o componente TextInput
O primeiro passo para construirmos nosso aplicativo é alterar o texto exibido na tela e inserir os campos onde o usuário vai digitar os valores mínimo e máximo.
Aula 9 - Estilizando o componente TelaInicial
Depois que alteramos o layout do nosso aplicativo inserindo dois componentes TextInput e alteramos o texto exibido, é necessário melhorar a aparência do nosso app.
Aula 10 - Personalizando o componente TextInput
Além de estilizar nosso componente TextInput vamos personalizar algumas de suas características como alinhamento do texto, quantidade de caracteres que pode ser digitado e o tipo de teclado que será exibido para o usuário.
Veja outros cursos de React Native
React Native: Consumindo APIs
React Native: Consumindo APIs Públicas de Terceiros
React Native: Usando Array.map e Array.filter