Criando tela de login + Animações com React Native
ฝัง
- เผยแพร่เมื่อ 21 ธ.ค. 2024
- 🏆 (NOVA TURMA) Se você quer levar a sua carreira ao próximo nível, criar aplicativos, sites do zero a projetos profissionais e sair pronto para o mercado, então não perde essa oportunidade:
✅ Nova turma Fabrica de Aplicativos (VAGAS LIMITADAS):
bit.ly/fabricad...
👉 Baixar a imagem:
ibb.co/JCvwjPQ
Mano, seus vídeos são excelentes e claro que comprei seu curso né
e recomendo muito.
Sem contar que o conteúdo gratuito que vc lança aqui é de muita qualidade.
Parabéns
E obrigado pelo seus vídeos
Matheus é fora da curva. top demais, esse sim merece milhões por mês.
Se tá doido, fui obrigado a comprar o curso desse cara, quero ingressar o quanto antes no mercado, e percebi que com a metodologia de ensino dele, vou conseguir um trampo rápido!!!
Conseguiu o trampo ?
Muito bom, faz um login com validação e registrando no banco.
Cara, sua didática é muito boa. Rápida e direta. Parabéns pelo conteúdo. E certamente irei adquirir o curso.
Parabéns pela explicação: Simples, direto e prático!
Sensacional o conteúdo, não tenho palavras para agradecer pois era exatamente o que eu estava procurando. Estou terminando meu TCC e essa página que antecede a login page não havia pensado nisso e deu um up bem mais profissional pro meu projeto, muito obrigado!
Se for usar styled-components no lugar do stylesheet, tem que adicionar o react-native-animatable direto no arquivo com styled-components
import styled from "styled-components/native";
import * as Animatable from 'react-native-animatable';
export const Logo = styled(Animatable.Image)``;
depois disso apenas adiciona o elemento normalmente no outro arquivo e insere a propriedade:
import { Logo } from "./styles";
Melhor interface e Melhor video🔥🔥🔥🔥🔥🔥🔥
O cara é incrível, vlw pela aula Mateus 👏
Tamo junto demais!🔥
Parabéns, claro, rápido e objetivo !!!
Sensacional mais um para galeria. Você é muito fera Matheus
Conteúdo de qualidade e bem explicado. Parabéns irmão. Deus te abençoe na sua jornada!
cara seu conteúdo é brabo dms, to aprendendo react native só com seu conteúdo gratis, o curso pago deve ser fora de sério! assim que eu tiver condições irei comprá-lo
Mano, tu me ajudou muito, eu tava meio perdido tentando migrar uma parada que tinha sido desenvolvida utilizando typescript, para usar apenas javascript. Bah, que mão na roda, sucesso. Vídeos excelentes...
Que riqueza de conteúdo
🚀🔥
Muito bom professor, super didático. Parabéns.
Poderia fazer um vídeo instalando tailwind css quando é App.js tentei de tudo
cara vc é incrivel, que top esse contéudo que vc passou, obrigado.
Muito massa essa aula!
top... parabéns pela conteúdo
Boaaa!! Ficou show d++
Que vídeo sensacional. Obrigado pelo esforço de fazer esse vídeo gratuitamente. 👍
Muito obrigada, seu vídeo me ajudou muito, vou comprar o curso com certeza!
Amigo como utilizar o react-native-device-info library para pegar o device id (unique) pois não é compatível com EXPO.
Muito bom. Era o que estava procurando aprender.
Você é um fenomeno! irmão
🔥🔥🔥🔥🔥 Como sempre ótimo conteúdo mestre! valeuu
🔥🔥🔥
Boa noite. Gostaria de saber se em algum video você aborda o uso de KeyboardAvoidingView, para quando temos um tela de cadastro um pouco grande e o teclado quando sobe cobre parte do conteúdo. Estou sofrendo com o uso desse componente junto com styled-components.
Que conteúdo monstruoso 👏👏👏😍
Parabéns, sem palavras!!!
muito top essa aula
Cara, muito bom! Ajudou muito!
Quando foram gravadas as aulas do seu curso? Quais versões do ReactJs e do React Native vc tá usando neles?
O curso é sempre mantido atualizado e estamos usando a última versão tanto em ambos 🔥👊
@@Sujeitoprogramador legal, pretendo investir, mas a maioria dos cursos vendidos tem mais de 1 ano de gravados e as versões das bibliotecas quebram muito. Eu já faço alguma coisa no React e no React Native, esse curso é só para iniciantes ou tem algum conteúdo mais avançado?
Sensacional!!!!
você é demaaaaaais
Tamo juntoo 🔥🔥
Excelente aula!! Qual é a extensão que está usando para criar os componentes? procurei aqui porém não achei, ademais, ótimos vídeos, continue!!!
Pra gerar o código do componente uso a nossa, só procurar sujeito programador
@@Sujeitoprogramador muito obrigado, professor!
Já me inscrevi, muito bom conteúdo, como faço para criar uma transição entre telas automática esperando por exemplo 5 segundos ? Quero fazer uma animação simples, ao entrar no app mostrar a logo e ir para o login ...
Não consegui mudar nada na parte do título 😕
Qual a extensao que vc usa para habilitar o rnfunc
A nossa, procura por Sujeito programador nas extensões
Vou procurar @@Sujeitoprogramador valeuuu
como colocar o texto entre a borda do imput ?
Cara, quando vou criar o projeto no expo ele retorna umas 5 vulnerabilidades, já reinstalei o node, ja tentei atualizar o sdk do expo, está tudo atualizadinho.. e anda sim acontece isso. Ai tento instalar o react navigation e também me retorna algumas vulnerabiilidades... e quando tento rodar o código ele nao acha a dependencia... Engraçado é que ontem mesmo eu criei um projeto usando o react navigation, e nao tive problemas.
muito fodaaaa 💖
cara meu estilo não funciona de jeito nenhum tem algum dica?
Excelente vídeo
Muito bom seus vídeos.
Como faço para colocar uma imagem no lugar do background do container?
Backgound:url('')
Perfeito aaaaaa
Dá dando muito erro pra instalar o expo. Você devia fazer um vídeo mais atual de como instalar o expo.
Tooooooppppp
Faz um vídeo de como criar Drag and Drop no React Native, vai ser massa de mais
Qual é o tema do seu VS?
To usando tema Dracula
Obrigado
@@Sujeitoprogramador
Desisti da web e fui pro mobile por essa facilidade de fazer os trem....
No thouchableOpacity, alguem saber melhro maneira de fazer o usuário acessar a pagina hora depois de tocar em login ou acessar?
Como coloco isso no cliente?
porque o padding e margin não funciona? alguem sabe o motivo? se tem alguma mudança no codigo de padding e margin tbm?
Show de bola
Alguém sabe como fazer o input da senha mostrar os asteriscos ao invés do que é digitado? E o ícone do olho para mostrar a senha?
Mano você já começa com código, n pode fazer um vídeo do 0 ? Como instalar e criar essa tela vazia ?
Pessoal, alguém gerou o apk desse projeto? Quando gero e instalo ele no cel o app abre a tela e depois fecha, alguém sabe o que pode ser? Quando emulo direto pelo expo no aparelho ele funciona de boa
O meu está dando Error: Objects are not valid as a React child (found: object with keys {width}). Alguém sabe como resolver?
Olá, compartilha o código do projeto, assim fica mais facil, por favor...
essa lib react native animatable é realmente confiavel?
excelente
Muito bom o vídeo! Mas em 2024 os comandos já são outros :( para quem esta começando pode dar um bom trabalho para encontrar os novos.
Consegue fazer o vídeo com os mesmos comandos, só o comando par rodar o expo que mudou mas o projeto em si segue igual.
@@Sujeitoprogramador isso mesmo ao invés de expo start ficou npx expo start, uma mudança sútil mas gastei um bom tempo 😅. Mas a aula em si é ótima! Obrigado
Ótimo video ! Porem estou com um caso bastante parecido com esse , fiz as animações tudo certinho das paginas , mas usando seu video pra exemplicar meu problema:
Se estou na pagina singIn e apertar no bt de voltar de android , naturalmente irei voltar pra pagina de welcome porem as animações não aconteceram... como faço pra resolver isso ? toda vez que volta na pagina eu quero que animação aconteça
Precisa desmontar o componente ao sair da tela. Da uma olhada na doc do react navigation
E porque o icone de sua pagina tem o icone do cordova...na certa voce deve ter usado o cordova pra criar essa pagina...
Não, é apenas um icone favicon mesmo, se usar a extensão warpalizer do chrome você consegue ver qual tecnologia usamos no blog
Fiz utilizando styled-components, pq eu sou metido e explorador kkkkkkkkkkkkkkkkkkkkkkk
Mano eu tenho que voltar a fazer seus cursos.
Bora com tudo, vejo você na turma 🔥
foda
foda
foda
Brother, teria uma forma de contato? algum e-mail?
no isnta dele sujeito programador
lguem me ajuda a configurar um projeto no meu pc se for cobrado eu pago
Opa blz, ainda não assisti o video inteiro pois no meu caso não deu pra continuar pois não instala nada nenhum dos comandos, aparece isso:
PS C:\login_app\Login> npm install @react-navigation/native
up to date, audited 974 packages in 9s
61 packages are looking for funding
run `npm fund` for details
18 vulnerabilities (7 moderate, 11 high)
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
PS C:\login_app\Login>
O engraçado é que eu crio o projeto com o expo, porem se eu digito expo install @react-navigation/native
da um erro dizendo que o comando expo não existe, e se eu escrever o comando como npm install @react-navigation/native, aparece essas msg a cima.
Preciso de um help.
no arquvo app.js "
import React from 'react';
import { StatusBar } from 'react-native';
Import { NavigationContainer} from '@react-navigation/native'
import Routers from './components/Routers';
export default function App() {
return (
);
}
"
no index da rota: " import {createNativeStackNavigator} from '@react-navigation/native-stack'
import Login from '../Pages/Login'
const Stack = createNativeStackNavigator ();
export default function Routers (){
return (
)
}"
Login é uma pagina Loing.js mas não carrega. Algué pode me ajudar onde eéo erro, por favor?
conseguiu resolver ?
@@jonatasmatias1233 não. E agradeço a pergunta.