Probleminha, o meu deu "The action "reset" with "index:0; routes:name:Home" was not handled by navigator This is a development-only warning and wont be shown in production....
Caramba Leandro, sua vaibe pra ensinar é muito boa, estou aprendendo React Native e não consegui parar de assistir seus vídeos depois que achei aqui no YT. Está de Parabens!! Mais um inscrito fiel aqui pro canal. Compraria um curso seu sem dúvida.
Preciso de uma ajuda, invés de usar export defaut function Login(navigation) estou usando export default class Login extends Component, como pego o navigation desse jeito ?
muito bom cara, mais um inscrito. to requentando o meu react native com vc. agora to tentando usar o expo pra um projeto e você tá me ajudando bastante! parabéns traga mais videos de react native! sua didática é otima!
Olá boa noite, você sabe como eu faço para colocar algum dado do usuário de uma API (tipo o nome), como o título de cabeçalho de uma tela? Fiz minha API usando o Nest js baseado nas suas videoaulas.
A resposta não é tão simples, depende de como vc está fazendo as coisas. Se vc tiver um código que monta um cabeçalho customizado, vc pode usar o useEffect para chamar a API ou pegar os dados do usuário com useContext.
Se eu quiser criar um menu horizontal por exemplo com as abas de Home, Sobre e contato, mas ao invés de clicar nas abas pra redirecionar eu arrastasse a tela pro lado e já iria para o próximo, como se fosse um slide, eu usaria o Navigator pra isso?
@@leguarino eu tava olhando esse cara e vi que ele funciona como uma gaveta. Minha intenção é rolar de uma página pra outra sem a intenção de fechar uma gaveta. Seria esse cara mesmo ou vou ter que usar outro componente?
Quando fiz o comando "npm install @react-navigation/stack --save" dava problema sempre falando que esse link não existia, fiz o comando sem o --save e funcionou! dei Ctrl + S pra salvar e rodando bem até agora -quando procurei o auto import com ctrl+espaço, n encontrei então tive que importar escrevendo diretamente lá no começo do arquivo [edit = notei que meu arquivo login estava com a primeira letra em minúsculo hehe, atualizei o nome e resolvido, apareceu o autoimport]
@@JoaoPedro-bw7wz Então verifique se, na linha de comando, vc está no diretório raiz do projeto. Rode "npm install". Se não funcionar, é porque vc está executando o comando fora do diretório do projeto.
Com 1 minuto de vídeo já tava dando zika pra instalar o "@react-navigation/native@5.8.10", mas daí rodei aqui o install dos avisos que tava dando (npm install react@16.13.1, npm install bufferutil@4.0.1, npm install utf-8-validate@^5.0.2) Edit: Pô, nada a ver. Era erro meu mesmo, tava moscando... não tava instalando "@react-navigation/native@5.8.10" dentro da pasta certa do projeto kkkkkkkk
@@leguarino Ao rodar o expo start aos 14:22 aqui, além do caminho do MainStyle, me deu o erro "Failed building JavaScript bundle. " porque faltavam algumas dependências. Fui lendo quais eram e as rodei: npm install react-native-gesture-handler npm install react-native-screens npm install @react-native-community/masked-view Depois disso, funfou normal Vou continuar vendo o vídeo e vou atualizando o comentário
mano oi, gostei muito do vídeo. Mas fui tentar fazer e to dando de cara com o erro " undefined is not an object (evaluating'navigation.navigate') " pode me dar uma ajuda??
Verifique se está chegando a variável navigation no início da função, assim function NomeDaFuncao({navigation}). Sugiro também comparar seu código com o código disponível no GitHub. Link na descrição do vídeo
PROFESSOR NA HORA DE RODAR O EXPO NAO RODA PORQUE ESTA DIZENDO QUE "@react-native-masked-view/masked-view" is added as a dependency in your project's package.json but it doesn't seem to be installed. Please run "yarn" or "npm install" to fix this issue. O QUE PARECE É QUE O EXPO NAO ESTA MAIS SUPORTANDO "React Native MaskedView" A MENOS QUE EJETE React Native MaskedView GOSTARIA DE SABER COMO EJETAR React Native MaskedView OU OUTRA MANEIRA DE CONSERTAR ESSE PROBLEMA. ESTOU AGUARDANDO SUA RESPOSTA PARA MIM CONTINUAR A AULA. POR FAVOR ME AJUDE COM ISSO
@@leguarino ja rodei os dois foi a primeira coisa que eu tentei. o problema é que o expo nao suporta mais "React Native MaskedView". Gostaria de desinstalar isso
@@leguarino rodei yarn remove @react-native-masked-view/masked-view, nao reconheceu. ai rodei npm remove @react-native-masked-view/masked-view. mas continua o mesmo erro e nao removeu o masked view
PROFESSOR: consegui resolver o problema e passar dessa aula. mas tive que começar outro projeto do "zero" e quando chegou nessa aula nao instalei o "@react-native-masked-view/masked-view" ja que ele esta ultrapassado. mas tambem tive que atualizar o expo nessa aula BRIGADO PELA ATENÇAO
muito massa o jeito descontraído que você explica!
Obrigado!
Muito bom mesmo. Primeiro canal que a aplicação realmente funciona. Muito obrigado
Aeeeeeeeeeeeeeeeeeeee!!!
Voce explica muito bem!!! continue assim, didático e simples
Mais um inscrito! Tem muitas explicações que dá cansaço na gente. Mas a sua fez o tempo passar voando! Obrigado!
Que bom. Agradeço!
Como dividir a tela em 2 cores? Estou precisando muito
Dividir o que exatamente?
Probleminha, o meu deu
"The action "reset" with "index:0; routes:name:Home" was not handled by navigator
This is a development-only warning and wont be shown in production....
Verifique se os nomes das rotas estão OK. Se o nome Home existe nas rotas e está escritos dessa forma.
@@leguarino funcionou... vlw cara.. aliaz, bom tutorial 😄
Exelente ,exepcioal, extraordinário ,como definir essas aulas?
Cara parabéns, um espetáculo de ensino.
Deus poça te iluminar cada vez mais!
Obrigado. Amém!
Caramba Leandro, sua vaibe pra ensinar é muito boa, estou aprendendo React Native e não consegui parar de assistir seus vídeos depois que achei aqui no YT. Está de Parabens!! Mais um inscrito fiel aqui pro canal.
Compraria um curso seu sem dúvida.
Agradeço!
Preciso de uma ajuda, invés de usar export defaut function Login(navigation) estou usando export default class Login extends Component, como pego o navigation desse jeito ?
Com class components, tente isto:
this.props.navigation.navigate('nextScreen')
@@leguarino Muito Obrigado, me ajudou muito
Tem como tirar esse name do stack screen?
Na documentação, há uma propriedade headerShown. reactnavigation.org/docs/stack-navigator/
@@leguarino muito obrigado👊
muito bom cara, mais um inscrito. to requentando o meu react native com vc. agora to tentando usar o expo pra um projeto e você tá me ajudando bastante! parabéns traga mais videos de react native! sua didática é otima!
Obrigado. Fico feliz em ajudar.
Olá boa noite, você sabe como eu faço para colocar algum dado do usuário de uma API (tipo o nome), como o título de cabeçalho de uma tela? Fiz minha API usando o Nest js baseado nas suas videoaulas.
A resposta não é tão simples, depende de como vc está fazendo as coisas.
Se vc tiver um código que monta um cabeçalho customizado, vc pode usar o useEffect para chamar a API ou pegar os dados do usuário com useContext.
@@leguarino Eu to fazendo basicamente da mesma forma que você fez.
boa noite, otimo trabalho, bom qual a melhor forma de se fazer uma tela de splash screen?
Vc pode criar uma tela inicial no seu StackNavigator. Vou mostrar no curso mais pra frente
Se eu quiser criar um menu horizontal por exemplo com as abas de Home, Sobre e contato, mas ao invés de clicar nas abas pra redirecionar eu arrastasse a tela pro lado e já iria para o próximo, como se fosse um slide, eu usaria o Navigator pra isso?
Isso, só que é o Drawer Navigator: reactnavigation.org/docs/drawer-based-navigation/
@@leguarino aeeee, da hora... vou dar uma estudada nesse cara também.
@@leguarino eu tava olhando esse cara e vi que ele funciona como uma gaveta. Minha intenção é rolar de uma página pra outra sem a intenção de fechar uma gaveta. Seria esse cara mesmo ou vou ter que usar outro componente?
@@andersonfelipepereiravieir4140 acho que é isso que vc quer: www.npmjs.com/package/react-native-swipe-gestures
Quando fiz o comando "npm install @react-navigation/stack --save" dava problema sempre falando que esse link não existia, fiz o comando sem o --save e funcionou! dei Ctrl + S pra salvar e rodando bem até agora
-quando procurei o auto import com ctrl+espaço, n encontrei então tive que importar escrevendo diretamente lá no começo do arquivo
[edit = notei que meu arquivo login estava com a primeira letra em minúsculo hehe, atualizei o nome e resolvido, apareceu o autoimport]
bem que poderia deixar os links dos sites usados no vídeo na descrição né
Farei isso 👍🏻
Muito bom!!!
expo start parou de funcionar :/
"Unable to find expo in this project - have you run yarn / npm install yet?"
Estava funcionando?
Verifique se vc está na pasta do projeto para executar "expo start".
@@leguarino estava sim, se quiser posso te enviar uma cópia via email ou posto no github p vc ver
@@JoaoPedro-bw7wz Então verifique se, na linha de comando, vc está no diretório raiz do projeto. Rode "npm install". Se não funcionar, é porque vc está executando o comando fora do diretório do projeto.
@@leguarino o npm install funciona, adicionou um package-lock.json ao projeto, mas logo após isso quando testo o expo start, aparece o mesmo problema
Com 1 minuto de vídeo já tava dando zika pra instalar o "@react-navigation/native@5.8.10", mas daí rodei aqui o install dos avisos que tava dando (npm install react@16.13.1, npm install bufferutil@4.0.1, npm install utf-8-validate@^5.0.2)
Edit: Pô, nada a ver. Era erro meu mesmo, tava moscando... não tava instalando "@react-navigation/native@5.8.10" dentro da pasta certa do projeto kkkkkkkk
Blz, Júnior. Se houver BO, escreve aí.
@@leguarino Ao rodar o expo start aos 14:22 aqui, além do caminho do MainStyle, me deu o erro "Failed building JavaScript bundle.
" porque faltavam algumas dependências. Fui lendo quais eram e as rodei:
npm install react-native-gesture-handler
npm install react-native-screens
npm install @react-native-community/masked-view
Depois disso, funfou normal
Vou continuar vendo o vídeo e vou atualizando o comentário
@@junioranheu Então acho que você pulou a parte do expo install que instala essas dependências, não pulou?
VÍDEO AULA TOPPPPPPPPPPP DO GUARININHO, funfou tudo da hora, bora pra próxima
mano oi, gostei muito do vídeo. Mas fui tentar fazer e to dando de cara com o erro " undefined is not an object (evaluating'navigation.navigate') " pode me dar uma ajuda??
Verifique se está chegando a variável navigation no início da função, assim function NomeDaFuncao({navigation}).
Sugiro também comparar seu código com o código disponível no GitHub. Link na descrição do vídeo
PROFESSOR NA HORA DE RODAR O EXPO NAO RODA PORQUE ESTA DIZENDO QUE "@react-native-masked-view/masked-view" is added as a dependency in your project's package.json but it doesn't seem to be installed. Please run "yarn" or "npm install" to fix this issue.
O QUE PARECE É QUE O EXPO NAO ESTA MAIS SUPORTANDO "React Native MaskedView" A MENOS QUE EJETE React Native MaskedView
GOSTARIA DE SABER COMO EJETAR React Native MaskedView OU OUTRA MANEIRA DE CONSERTAR ESSE PROBLEMA.
ESTOU AGUARDANDO SUA RESPOSTA PARA MIM CONTINUAR A AULA. POR FAVOR ME AJUDE COM ISSO
você rodou "yarn" ou "npm install" já?
@@leguarino ja rodei os dois foi a primeira coisa que eu tentei. o problema é que o expo nao suporta mais "React Native MaskedView". Gostaria de desinstalar isso
@@romulomarques1000 vc pode rodar yarn remove @react-native-masked-view/masked-view e seguir no projeto
@@leguarino rodei yarn remove @react-native-masked-view/masked-view, nao reconheceu. ai rodei npm remove @react-native-masked-view/masked-view. mas continua o mesmo erro e nao removeu o masked view
PROFESSOR: consegui resolver o problema e passar dessa aula. mas tive que começar outro projeto do "zero" e quando chegou nessa aula nao instalei o "@react-native-masked-view/masked-view" ja que ele esta ultrapassado. mas tambem tive que atualizar o expo nessa aula
BRIGADO PELA ATENÇAO