React Navigation 6 Tutorial - Tab, Stack, Nested Navigators
In this tutorial, you will learn how react native stack, tab navigator and how navigation between screens work by implementing in TypeScript a simple e-commerce app.
React Native Navigation v6 provides a Stack Navigator (Stack Navigation) which is a way for your app to transition between screens where each new screen is placed on top of a stack.
Possibly the most common style of navigation in mobile apps is tab-based navigation (tab navigator). This can be tabs on the bottom of the screen or on the top below the header (or even instead of a header)
Nesting navigators means rendering a navigator inside a screen of another navigator
----------------------------------------------------------
Installation:
--- expo init react-native-navigation-app --npm
--- cd react-native-navigation-app
--- npm run android
--- npm install @react-navigation/native
--- expo install react-native-screens react-native-safe-area-context
--- npm install @react-navigation/native-stack
--- npm install @react-navigation/bottom-tabs
Resources:
https://reactnavigation.org/docs/
Nesta página do site você pode assistir ao vídeo on-line React Navigation 6 Tutorial - Tab, Stack, Nested Navigators duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário EPIC Programming 02 Dezembro 2021, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 20,134 vezes e gostou 200 espectadores. Boa visualização!
