Скачать или смотреть Flutter 2023 - Layouts Aula 5 - Refactor dos layouts, Renomenado Pagina, Rotacionando Ícone

Nessa aula cheia de aprendizado, contamos com a presença do Gustavo e do Natã. O Natã compartilhou sua tela e juntos iniciamos o processo de refatoração das três telas que desenvolvemos nas aulas anteriores. Começamos movendo a AppBar para dentro do ListView, o que trouxe melhorias significativas em termos de estrutura e usabilidade.

Em seguida, realizamos uma alteração importante: renomeamos a página de LoginScreenPage para InitialPage. Essa modificação teve como objetivo tornar o nome mais intuitivo, facilitando o entendimento e a organização do código.

Além disso, realizamos uma tarefa bastante interessante: rotacionamos o ícone de cadeado na tela de login. Utilizamos o método Transform.rotate para fazer a rotação e também fizemos um flip (inversão) do ícone. Inicialmente, na versão do Flutter anterior à 3.10, usamos o Transform.rotate, pois o Transform.flip ainda não estava disponível. No entanto, durante a aula, atualizamos o Flutter para a versão 3.10 e utilizamos o Transform.flip para obter o efeito desejado, deixando o ícone com a mesma aparência do design feito no Figma.

A participação do Gustavo foi muito produtiva, e juntos avançamos no refinamento das telas.

Não se esqueça de compartilhar esse vídeo com seus amigos que também desejam se tornar desenvolvedores mobile. Acesse o link do repositório abaixo para clonar o projeto e praticar em casa:

https://github.com/ulisseshen/mobile_...

E, como sempre, reflita sobre as palavras de Jesus em Lucas 9:23: "Se alguém quer vir após mim, negue-se a si mesmo, tome cada dia a sua cruz e siga-me". Que Deus continue iluminando seus passos e abençoando seu aprendizado em Flutter.