Aula 15
Caixa de Texto TextInput com multiline
Summary
## Resumo do Transcript
O transcript discute a implementação de uma caixa de texto usando a propriedade `multiline`, que permite que o usuário digite várias linhas. A propriedade é ativada configurando `multiline` como `True`. Também é mencionado que o título só precisa de uma linha e que o estilo da caixa de texto pode ser ajustado, como aumentando sua altura.
Em seguida, foi adicionado um botão "OK", que, ao ser pressionado, realizará um pedido HTTP para o backend, a fim de criar um novo post. O botão é implementado utilizando `TouchableOpacity` do React Native, e um texto "OK" é adicionado dentro dele.
O código também inclui a definição de estilos básicos para o botão, como `padding` e `backgroundColor`, ocupando toda a largura da view. É mencionado que o foco não está em estilização detalhada, mas sim na funcionalidade.
Ao clicar no botão, um Action Creator será chamado para fazer o pedido HTTP e, em seguida, um Action será retornado para indicar que o post foi adicionado.
Video Transcript
Então, nós vamos usar a prop chamada multiline para a caixa de texto do conteúdo.
Essa propriedade é o Ambulion, True ou False.
Então, vamos lá, voltando aqui, Multiline, True.
Isso significa que essa caixa de texto, o usuário poderá digitar mais em um alívio,
em uma linha. Voltando aqui, a simulador, dar um Update.
Eu acho que eu posso digitar mais de uma linha, embora que a caixa seja muito pequena,
mas a gente pode modificar o estilo, vou aumentar a altura.
Certo, para o título é só uma linha. Tá bom?
Então, a gente tem esses caras já modificando o estado do aplicativo,
chamando o application state, Redux. Certo?
Agora, a Resta, nós adicionamos o botão OK, que quando clicado, ou pressionado,
botão acessível, toque, farão, pedido, HTTP, a nosso Backend, para criar um novo post.
Então, vamos adicionar um botão aqui, botar a Torchable Opacity, por exemplo.
Dentro dele, um Text, OK.
E on press, vou fazer uma coisa, ainda nada, vou botar não.
Vamos ver aqui se aparece se não tiver estilo.
Não está definido, esquecemos de importar lá em cima, importa.
Torchable Opacity do React Native.
Certo?
Ah, esqueci de salvar, desculpe, vamos lá, continua.
Botão OK, sem estilo, mas...
Vamos adicionar, só um estilo básico, Style, Oralith, Tasset9, Padding.
Então, seis.
Vamos ver.
Então, os estilos, OK.
Padding, seis, o Background Color, Antique White.
Certo?
Vamos estar ocupando toda o width da view que contém.
Certo?
Meu foque agora não é no estilo, então se você quiser aprimorar o estilo, por favor, o faça.
Vou continuar.
Vamos lá aqui, quando a gente clicar no botão, a gente quer fazer o pedir HTTP.
Vamos fazer usando um Action Creator, e no Action Creator, depois de fazer o pedir, a gente retorna um Action
para poder dizer que o post foi adicionado.
Adeu.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: