Resumo do Transcrito

Só uma coisa aqui no ISX-S6 versão JavaScript que vai se tornar vadrão para todos os navegadores. Não precisa mais, se você tiver uma chave, um valor assim que é o mesmo, tem o mesmo nome, não precisa mais digitar duas vezes, por ser falar assim, é a mesma coisa. Então eu vou remover aqui o texto. Quando eu falo set state, eu passo um objeto e eu passo o texto, é a mesma coisa de falar texto, dois pontos de texto, tá bom? Eu vou remover, vamos salvar e ver se ainda tá ok. Tá aí, funciona né? Então é o shortcut do ISX. Vamos continuar agora. Vamos ver como é que a gente põe o valor inicial para essa caixa de texto, porque agora quando você inicia aplicativo não parece nada. Tem um placeholder que a gente põe aqui, se tirar isso aqui vai tirar esse texto que tá em cinza. Mas eu vou deixar lá, mas eu também quero botar um valor inicial talvez, se você que pôs isso é com o value, o propriedade value, você dá propriedade value ao tax input, aí você dá o valor inicial, entendeu? Valor inicial. Mas se eu pô assim, vamos ver o que acontece. Valor inicial tá lá, mas o que acontece quando eu tento apagar? Não apaga, mas por que? Porque o valor tá sempre associado a esse value aqui. Então cada vez que eu mude, nem que eu mude, nunca vai mudar porque o valor é sempre estático, sempre fixo. Então o que a gente normalmente faz é associa o value com a variável do estado, nesse caso texto, né? Note que a gente não iniciou o estado com o texto nenhum algum. Normalmente se você quiser pode pôr lá, pode valor inicial, né? Aqui, botar um virgo de precaução, salvar aqui. Então vamos ver o que acontece se eu mudar, apagando aqui, agora funciona, né? Valor apagado. Então você tem que associar o value com a variável do estado, text, texto, né? Aí no constructor aqui você inicia com o valor inicial. Desta maneira quando você change text, muda o texto, vai mudar o estado, mas como o valor o value tá associado ao estado, então o text import vai mudar. Antes a gente tinha o value associado a uma string que nunca mudava, né? Não tava associado ao estado. Então associar o estado para ter um valor inicial e poder mudar depois. Tá bom? Agora o que é que eu vou fazer? Não quero o valor inicial, não. Eu vou botar esse aqui. Mudar, vou botar uma string vazia, ok? Então eu gosto normalmente de fazer isso. Eu ponho o value explicito, explicito aqui, associa com o state e inicializo, inicio ele com uma string vazia. Desta maneira eu sei o que é que está no estado e o que é que vai mudar aqui, porque eu poderia não ter isso, vai funcionar do mesmo jeito. Mas aí eu não tenho ideia sem ler o que está acontecendo aqui, eu não tenho ideia o que é que se inicia no estado. Então eu vou pôr lá. Pra todo o caixa de texto eu vou ter esse negócio aqui, iniciar para um valor inicial, normalmente vazio. Vamos ver se tá tudo bem? É, tudo bem. Esse negócio de autocomplets é muito chato, então tem uma opção de desabilitar. Tem várias opções para esse caixa de texto. Veja a documentação do React Native, aí tem aqui, vai essas propriedades, entendeu? Eu odeio esse aqui. Auto correct, né? Não gosto que me corrigem. Então se você quiser, vai por padrão, desabilitar essa opção aqui, você faz na propriedade, encontra, escreve aqui. Aí põe aqui auto correct, eu vou botar o valor que ele quer, false, né? False. Aí agora não vão mais me corrigir, que é muito chato. Tá bom, hein? Tem várias outras opções, por exemplo, da senha, você pode pôr secure aqui, essa aqui opção, secure text, gente. Vamos botar it to true para se tornar uma senha. Secure text, entry. True. Isso vai fazer com que cada caracter é uma bola, né? Bullet point. Aí não dá para ver aqui, é óbvio que eu consigo ver diretamente porque eu pus um texto aqui, mas o que está aqui não aparece. Take your text entry. Tem várias outras propriedades só a ver a documentação para achar uma coisa que você se procura, tá bom? Então vamos continuar a aprender umas coisas. Vamos ver o que acontece. Vamos associar o texto do botão com coisa que eu digito aqui só para você ver. Eu não quero... Vou mudar aqui onde é que está o botão, esse touchboll highlight, né? Esse botão aqui. O texto que está dentro é esse, está associado ao quê? Está mostrando essa mensagem aqui. Vamos mudar mensagens para o texto. Viu o que acontece? Não tem nada no botão. Aí aparece aqui no botão e aqui em cima. É muito legal, hein? Vamos ver o que acontece quando clica. Entendeu? Nada acontece, né? Porque a gente, quando clica, o sete o estado da mensagem. Mas aqui não está mostrando mensagens, está mostrando o texto. Então vamos mudar só para estar com o anse. Aí. Tá bom? Esse aqui é o fim desse vídeo. A gente aprendeu como usar o text input, componente que permite você digitar, o usuário de digitar alguma coisa no caixa de texto. Pode ser uma senha, seu e-mail, essas coisas, qualquer informação para ser digitada. Você pode pegar a informação. Normalmente associa um... Por exemplo, o estado do componente. A gente associa o texto dentro do estado. E quando você muda o texto, um change text, chama uma função que muda o estado do texto. Tem opções, propriedades que permitem você também remover, desabilitar o alt-correct para não decorrigir e para habilitar o senha. Mostrar como se fosse uma senha. Seguro. Secure text entry. E tem várias outras propriedades que você olha na documentação do React Native. Valeu. Muito obrigado por assistir. Se você gostou, por favor subscreva. E se tiver alguma pergunta, comentário, se por favor deixe. Tenha um bom dia. Tchau.