Resumo do Transcript

Então nós quase terminamos de fazer essa new post, exceto que a gente não tem o botão de cancelar, mas aí isso não é fácil de fazer. A gente já sabe como voltar para a cena etaria usando o pop, então a gente sabe também como fazer o botão. Então como desafio eu quero que você primeiro tente aí fazer esse vídeo, tente fazer o botão de cancelar para voltar para outra cena, certo? E aí deu tudo certo, agora vou continuar. Então vamos lá fazer o botão, eu estou aqui no components, post new, aqui é o botão OK, eu touch opacity. Então vamos fazer outro aqui antes do OK. Eu sei que o estilo não está o mesmo, mas a gente vai lidar com o estilo talvez depois do final como um bonus. Nosso foco, de novo, novamente nosso foco é na funcionalidade. Então vamos lá fazer um touchable opacity, botão sensível talk, certo? O que é isso desse cara? Tem que ter o test, nesse caso vai ter botado dentro do component text, cancelar, certo? Não é cancelar. Touchable opacity e o text já estão importados lá no topo que a gente já está usando aqui, só para confirmar, vai lá no topo. Está aqui text e tem o touchable opacity do react native. Import do react native, certo? Então voltando lá para o touchable opacity, ele leva a propriedade on press, que é a função que deve ser chamada quando você tocar no botão. On press, vamos fazer uma função depois chamada on, cancel press, é, abada. Que tal aí? Vamos cancel press e vamos adicionar um estilo aqui. Se quiser, passo o próprio estilo, ou vou copiar esse aqui. Não é muito boa para a prática, mas só para aprender, aprendizado. Cadê eu tirar essa com, será que tem cinza? Não, não tem cinza, gray. Vamos ver o que acontece. Ah, não defini on cancel press ainda, então vamos lá em cima. Depois, antes, vamos fazer antes do on key. On cancel press, define com propriedade e a função de flash, certo? Para não ter problema com binding. Então, fazer nada ainda, mas vamos testar se não deu problema. Vamos lá no novo. Está aí o botão cancelar, certo? Agora, o que acontece? Quando a gente clica cancelar, essa vai voltar a cena anterior, a gente não fez nada. Então nesse caso a gente pode usar o actions.pop, né? Actions, que é o object, que é do react native router flux, nos permite a mudar de cenas. Nesse caso só vou dar um pop para dar um pop nessa cena e voltar a cena anterior. Só vai, vamos lá. Atualizar, novo, cancelar, certo? Tudo ok. Então é isso, botão de cancelar. Até o próximo vídeo.