Melhorando a navegação do seu app com Stack, Tab e Drawer Navigator

A navegação é uma das partes mais importantes da experiência do usuário dentro do seu app. Além de ser intuitiva e sem etapas desnecessárias, ela também pode ser estilosa e prática.

Hoje já existem diversas ferramentas e muitos estilos de navegação disponíveis por ai. O segredo é saber como implementar todas elas juntas sem exagerar (claro) e sem complicar a usabilidade do seu app.

No vídeo de hoje, você vai ver como aplicar stack, bottom tab e drawer navigator dentro da sua aplicação móvel com React Native. E o melhor: totalmente na prática.

E aí, bora codar?

-----

Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

[jakenistertm]

Tentei uns 15 videos pra fazer esse bendito Drawer mode e somente o SEU deu certo, tirou onda, me salvou mto

[jposava]

Nem ferrando, eu tava vendo um video agr de vcs de 8 meses atras sobre expo router pra implementar no meu app, e acabou de chega a notificação desse video

[PabloDoebber]

Caraca esse "pulo do gato" foi top d+! Obrigado pela aula

[samueloliveira]

Séria interessante um vídeo sobre estrategias de monetização. Tenho muitas dúvidas de como coloca anuncio em um aplicativo, sobre como liberar determinada funcionalidade somente para quem tem a assinatura. Entre outras estrategias.

[cassiojosejesus]

Pohhh!
Video excelente, pois uma vez tentei fazer isso e apanhei bastante.
Inclusive sou aluno do Ignite e fiz esta pergunta também lá.
Parabéns mais uma vez Rodrigo!!!

[caminhoparaoironman]

Cara, muito obrigado! Seu vídeo me ajudou muito, estou começando aprendendo do zero. Poderia criar um curso na Udemy fazendo alguns projetos completos com o Expo, os que tem lá são muito rasos.

[allanmunisse]

Muito Obrigado

se pudesse fazer +1 video explicando as MVC no react-native-js eu seria mais grato ainda

[nicolasmoises]

Rodrigo! Parece que tu leu minha mente monstro demais

[vuc__vuc]

qnd eu comecei a usar o react native o nested navigator com stack e bottom tabs era mo bugadao kk hj em dia ta td rodando mo liso

[oliveirasfamily]

Rodrigão é um mostrooo, valeu de mais!!

[devGuxtavo]

Muito obrigado pelo vídeo mano, bem explicado passo a passo
Deus te abençoe!!

[GuilhermeBuchman]

Gostei muito do vídeo. Como faço para sempre manter o TabNavigator aparecendo utilizando varias telas no Stack? Ex. 5 telas no stack e 2 apenas no tab.

[Uncannyworld-yt]

que coincidência tava com esse problema esta semana, mais video que sera salvo na minha lista

[alaelciolucas]

Olá, Rodrigo pode criar colocar components dentro do drawer? Obrigado!!!

[junioroga]

Rodrigão, poderia fazer uma segunda parte do vídeo com tamagui, fazendo as configurações web com o webpack e rodando em ambas as plataformas. Seria bacana para todos que pensam utilizar o tamagui na proposta de web + mobile.

[olimpioadolfo]

Opamuito bom conteudo. Podemos ter esse metodo aplicado com Expo router?

[hugog]

Muchas gracias por el video. Excelente explicación ¡¡¡ Saludos.-

[alaelciolucas]

Fala mais um pouco sobre a biblioteca routes para navegação!!

[filipeleonelbatista]

Recentemente desenvolvi um app e tive problemas ao usar modal com o tab navigation, então pra adiantar o processo eu tive que simular uma tab mas no stack navigation.

[AnaJúliaMedeirosMacerlino]

Muito interessante! Mas no caso eu gostaria de renderizar meu tabBar quando navego para dentro das stacks também, basicamente deixando ela "fixa" nas telas, como poderia fazer? Vi que essa era a duvida de mais um possoal ali em baixo.