Controlando tema Dark e Light com React Native 🔥
Hoje você vai aprender a controlar o Dark e light mode dentro do seu aplicativo.
🏆 (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/fabricadeApps
👉 Siga nas redes sociais:
/ sujeitoprogramador
Пікірлер: 24
Estou aprendendo rn, como eu nunca tinha achado esse canal antes véi, muito bom, parabéns
@Sujeitoprogramador
2 жыл бұрын
Tamo juntoo demais 🔥🔥
Muito bom!
Muito show de bola.
top man ajudando sempre
Bem bom esse vídeo, acabei apenas usando o context do styled e combinado com o import { withTheme } from 'styled-components' Para estilizar um projeto já existente. mão na roda.
Paragons pelo conteúdo... Quem não aprende com ease canal, pedi para sair....
Show!
voce podia ter importado o tema tambem pelo useTheme para que seja possivel acessar o tema de forma dinamica tambem pelo stylesheet
Show! Acredito que consigo adaptar algo asism pra web também. Gostei desse modelo de temas
Nossa top demais!!!
@Sujeitoprogramador
2 жыл бұрын
Tamo juntoo 🔥
Olá Matheus, eu comprei o seu curso na Udemy - SujeitoPizza em React. Uma dúvida, esta explanação deste vídeo, eu posso aplicar no frontend - web daquela aplicação? Ou só se aplica para mobile? Se não, vc teria um vídeo explicando como fazer? Estou tentando colocar dark light, mas está me apresentando muitos problemas.
E se eu quiser mudar a cor da Statusbar tbm conforme eu mudar o tema? Queria saber como fazer essa parte também
Sujeito Matheus, tem algum conteúdo do WatermelonDB no seu curso do React Native ?
hoje em dia ja vem automaticok, to tentando travar so no tema claro pra deixar o app mais livre para usar as cores
Faz um vídeo de como criar Drag and Drop no React Native, vai ser massa de mais
@Sujeitoprogramador
2 жыл бұрын
Já está gravado e agendado vai sair sim 👊🔥
@rafaelpilartes
2 жыл бұрын
@@Sujeitoprogramador Ótimo!!! Estou aguardando o lançamento!!
Não estou achando o seu vídeo de styled-components no React Native, queria vê-lo para saber o pq da escolha dele no lugar do stylesheet
@mattsouza1448
2 жыл бұрын
eu acredito q seja para criacao de varios componentes reutilizavel, eu utilizo o stylesheet apenas em screen e os componentes so com o styledcomponent, e caso vc queira utilizar o tema no stylesheet vc pode importar o useTheme que pega o tema assim sendo possivel pegar cores do tema
Boa tarde, você ou alguém poderia explicar porque tem que colocar a "props =>" antes de props.theme.background . Porque não poderia colocar só ${props.theme.background } . Obrigado .
@brunolucask8
2 жыл бұрын
É porque o "props" é um parâmetro da função. Esse tipo de função se chama Arrow que é basimente uma versão simplificada de: ${ function(props){ return ( props.theme.background ) } } Uma outra forma de simplificar ainda mais é utilizando desestruturação, que ficaria dessa forma: ${ ({ theme }) => theme.background }
Ué?! ...css bruto no React Native, utilizando unidade em px? ...cadê o camelCase sem hífen no nome das propriedades Matheus? Cara, comprei teu curso na Udemy e estou gostando bastante. Você explica na velocidade dos meus pensamentos. Gosto disso!