React Native: Componente TextInput

Antes de utilizar o TextInput precisamos aprender que componente é esse e como ele será útil na programação React Native.

Nesta aula vamos entender o que faremos para exibir o componente TextInput e o que vai acontecer quando o usuário digitar um valor.

Exibir o componente TextInput na tela é muito simples. Nesta aula vamos aprender como fazer a sua importação e como exibi-lo na tela.

Existem algumas propriedades para alterar a forma que o componente TextInput será exibido para o usuário. Nesta aula vamos aprender algumas dessas propriedades.

É 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.

Aprenda nesta aula a funcionalidade do nosso projeto, conheça como suas pastas serão estruturadas e como os componentes serão divididos.

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.

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.

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.

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.