Criando rotas de navegação com React Native, Expo e React Navigation usando navegação em Stack

  Рет қаралды 636

TecEdu4All

TecEdu4All

Күн бұрын

A React Navigation é uma biblioteca popular para navegação em aplicativos React Native. Ela oferece uma solução flexível e fácil de usar para gerenciar a navegação entre diferentes telas em um aplicativo React Native. A biblioteca foi projetada para ser extensível e personalizável, permitindo que os desenvolvedores criem fluxos de navegação complexos de maneira eficiente.
O React Native é uma biblioteca JavaScript para criar aplicativos móveis nativos para iOS e Android. Ele usa a biblioteca React para criar a interface do usuário e o JavaScript para a lógica do aplicativo. Já o Expo é um conjunto de ferramentas e serviços que facilitam o desenvolvimento de aplicativos React Native.
Neste vídeo usamos o React Native com Expo, React Navigation e a linguagem JavaScript para realizar a criação de um aplicativo mobile que tem diferentes telas com navegação do tipo stack. É um projeto muito legal para aprender como criar telas e navegar entre elas.
Este vídeo faz parte da seguinte playlist: • Playlist com vários tu...
Os códigos deste projeto estão neste repositório do GitHub:
github.com/nun...
#reactnative #expo #typescript #tutorial #mobile #app #reactnavigation #rotas #navegacao #stack #stacknavigation

Пікірлер: 6
@cyraxtradebr
@cyraxtradebr 4 ай бұрын
show. mas uma duvida e para colocar um bottom native com rotas diferentes como fica ?
@TecEdu4All
@TecEdu4All 4 ай бұрын
Nesse caso podemos trabalhar com a @react-navigation/bottom-tabs e @react-navigation/native. E um exemplo de código seria assim: import React from 'react'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { NavigationContainer } from '@react-navigation/native'; // Importe suas telas aqui import HomeScreen from './screens/HomeScreen'; import SettingsScreen from './screens/SettingsScreen'; import ProfileScreen from './screens/ProfileScreen'; const Tab = createBottomTabNavigator(); const App = () => { return ( ); } export default App;
@FelipeSantos92Dev
@FelipeSantos92Dev 7 ай бұрын
Parabéns pelo conteúdo! Super didático e explicativo! 😁😁😁
@TecEdu4All
@TecEdu4All 7 ай бұрын
Opa Felipe, muito obrigado, vlwww pelo feedback, fico feliz que te ajudou :)
@tblima26
@tblima26 8 ай бұрын
Excelente mano!!! Me ajudou muito!!! Faltou explicar o Dreawer e o Bottom Tabs... Mas muito bom!!!
@TecEdu4All
@TecEdu4All 8 ай бұрын
Opa, vlwwww, que bom que te ajudou 😃, vou tentar puxar em um outro vídeo futuramente essas duas alternativas
Aprenda a usar mapas no React com a biblioteca Leaflet
19:55
🍉😋 #shorts
00:24
Денис Кукояка
Рет қаралды 3,6 МЛН
Bike Vs Tricycle Fast Challenge
00:43
Russo
Рет қаралды 102 МЛН
SHAPALAQ 6 серия / 3 часть #aminkavitaminka #aminak #aminokka #расулшоу
00:59
Аминка Витаминка
Рет қаралды 2 МЛН
React Native vs Flutter - Which should you use?
22:31
Simon Grimm
Рет қаралды 34 М.
GUIA COMPLETO EXPO ROUTER DO ZERO🔥#reactnative
29:21
Sujeito programador
Рет қаралды 16 М.
React Navigation já era! Use expo routing agora
14:14
Renan Pallin Dev
Рет қаралды 662
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 670 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
🍉😋 #shorts
00:24
Денис Кукояка
Рет қаралды 3,6 МЛН