Melhoria no design da barra de navegação do aplicativo Star T-Shirts ✅

Melhoria no design da barra de navegação do aplicativo Star T-Shirts ✅ Boa tarde, galera! Nessa nova etapa do aplicativo, busquei melhorar o design, principalmente da barra de navegação, com a nova marcação da página ativa, e, ao longo dessa experiência, passei por diversas questões que explico no vídeo. O que falei no vídeo: • Falei sobre a antiga tipagem da navegação e falei sobre a nova maneira. • Mostrei a nova estrutura dos botões que ficam na barra de navegação e seu design dentro de uma sessão. • Expliquei como fazer um SVG aceitar valores animados. • Falei do porquê utilizei a interrogação em certos lugares. • Mostrei como você distribui a largura de elementos em um container com display flex, também falei sobre o que é a propriedade flex 1 e expliquei o flexGrow, flexShrink e flexBasis. • Mostrei como consegui resolver erros de funcionalidade que aconteceram ao remover o package.lock e node modules. Também expliquei o que são os principais símbolos de versão (^ e ~) das bibliotecas. • Expliquei a importância da safe area em um aplicativo e mostrei como implementei para a parte de baixo. • Falei que removi o footer que tinha antes. • Expliquei que o antigo 'display: none' na barra de navegação deixou de funcionar e mostrei a solução. 🔗 Links: 📍Baixe a última versão do Star T-Shirts (APK) 👉 https://drive.usercontent.google.com/... 📍Mais informações 👉 https://henriqueamascarin.vercel.app/... 📍Portfólio 👉 https://henriqueamascarin.vercel.app/ 📍LinkedIn 👉   / henriqueamasc   Partes do Vídeo: 00:00 Apresentação 01:23 Tipagem da navegação 04:35 Nova estrutura dos botões 09:36 SVG aceitar valores animados 13:44 Interrogação em certos lugares 14:43 Distribuir a largura de elementos 17:35 Erros com node modules e símbolos 23:18 Safe area em um aplicativo 26:17 Removi o footer 27:09 O 'display: none' na navegação deixou de funcionar 29:57 Fim :) #mobile #reactnative #design #android #frontend #designer #app