Um dos poucos canais de clonagem de interface em Português, Top d+, clona o Start+ ele tem umas tabs na página details com views de tamanhos diferentes e tudo animado, é muito daora...
Muito bom, acredito se puder criar um vídeo, que seria muito útil para todos os devs, explicando como criar no github um `exemplo minimo repoduzivel`, quando temos que criar um issue.
Rodrigo em primeiro lugar, que vídeo espetacular, aprendi tanto nesse vídeo. Queria saber sua opinião, se fosse começar um projeto hoje, vc usaria a qual tipo de estilização? Style sheet ou tailwind?
No componente FloatButton o TouchableOpacity não está alterando com as classes, os componentes Children dele aceitam normalmente, mas ele não. O que pode ser? Já resetei o cache e nada...
Top demais rodrigão, to achando incrível você estar alimentando seu canal, continue, ta muuito bom os videos. 2 ideias que poderia trazer, poderia trazer um clone da Uber ou de algum app que tenha geolocalização e algum app que utiliza de IA 👀
2 dias pra fazer o que ele fez em 2h... Preciso praticar mais pra ser mais rápido. Obrigado pelo conteúdo ajudou a sanar uma duvida que tinha no novo app que estou criando. Porem, continuo com uma duvida. É possível ter dois menus desse tipo, um de cada lado? Exemplo, do outro lado, ao clicar no avatar, abrir um menu relacionado ao seu perfil? Se isso for viável fazer isso e você puder compartilhar um direcionamento, seria ótimo.
Rodrigo sempre que crio um projeto react native com `npx create-expo-app --template`, o projecto ja começa com varias vulnerabilidades, isso é normal?, eu notei que vc ignorou no video devo fazer o mesmo?
Pensando na produtividade biblioteca de componentes (como gluestack ou tamagui) oferecem muita agilidade porque tem os componentes prontos. Agora para algo mais do zero, nativewind é uma boa.
Rodrigo, tentei realizar o projeto mas logo após configurar o Nativewind e tentar rodar, deu um erro e já fiz de tudo porém não consegui resolver, teria algum lugar que você conseguiria me ajudar? (só resolver esse erro)
As configurações fica no arquivo tailwind.config.js. Se quiser dar uma olhada pra ver como são tem nesse link: github.com/orodrigogo/gmail-ui/blob/main/tailwind.config.js
Um detalhe que observei no Gmail, em algumas das opções do Drawer ao clicar ele navega para a mesma tela, mas com um filtro diferente aplicado (invés de uma tela diferente). Como seria nesse caso?
Aula Incrível! Rodrigo, estava querendo fazer widgets para o meu app, consegui fazer utilizando o react-native-android-widget, ele funciona bem em smartphones Samsung, mas tem alguns bugs relacionados ao tamanho da grade de apps em alguns dispositivos. Tem uma opção mais abrangente que resolva esses problemas?
Pra deixar o app responsivo voce me indicaria usar o Native wind ou tentar outra coisa? To deixando responsivo na marra com atributos de % e scale e dimensions... Mas nao fica tao responsivo pous em algumas telas da pra perceber diferença, o que voce me indica?
Geralmente uso muito o próprio flexbox e %. Da uma olhada nessa lib, é utilizada para essa finalidade sem precisar de Native wind por exemplo: www.npmjs.com/package/react-native-responsive-screen
@@orodrigogo entendo, mas tipo no caso de teclado , isso me incomoda muito, pois geralmente onde tem teclado isso afeta a tela , e aí eu uso o keyboardAwareScrollview, mas aí eu preciso fazer um monte de alteração maluca e se eu usar só o keyboard.dismiss e tiver uma tela com flatList isso afeta ela ou o scrollView se tiver ! Aí por causa disso tem telas que não fica responsivas no meu app
Por algum motivo, os ícones da bottom navigation não estão funcionando no iOS. Eles funcionam perfeitamente no Android e na Web, mas no iOS apenas a barra aparece, e nem mesmo o texto é exibido quando habilitado. A navegação no iOS funciona ao clicar no ícone invisível.
Opa Rodrigo, tentei criar o projeto hoje mas deu o erro Error: Cannot find module '../lightningcss.win32-x64-msvc.node' Tentei clonar o seu projeto do git mas também deu erro, sabe se é algo geral?
estou há semanas com problemas, de cursos desatualizados, erros e bugs, ao criar algo em React-Native. Me pareceu, q o Windows tmb esta zuando meu ambiente. Se sim, qual Linux instalar, vc tem algum tutorial? @@orodrigogo
Unmatched Route aparece quando ele não consegue identificar a rota padrão. Confirma se na raiz da tua pasta app tem o index.tsx e dentro dele a função precisa ser exportada com default. 🚀
@@orodrigogo Agora quando eu tento abrir o app no Expo Go ele dá esse erro no terminal Error running TailwindCSS CLI, please run the CLI manually to see the error.
Opa, vamos lá. Eu comecaria criando o prototipo/desenho das telas para definir como o App será. Em seguida, definiria de onde o App irá obter as perguntas e respostas: local no próprio dispositivo? De um back-end próprio? BasS como Firebase? Em seguida, criaria as interfaces. Mas gostei da ideia, que sabe no futuro traga um vídeo mostrando como fazer um, hein. hehe
@@orodrigogo a interface ate consigo fazer mais não faço ideia como vou fazer para gera perguntas e resposta automaticas se tive um video ensinado como fazer o back-end
Estou com um erro no metro não sei como resolver, segui igual ao vídeo mas não deu Android Bundled 8579ms (C:\Users\Service Desk\Desktop\React-native-tailwind\teste-tailwind-react ode_modules\expo-router\entry.js) ERROR Error: Exception in HostFunction: expected 0 arguments, got 1, js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes
É configuração amigo. Da uma olhada aqui github.com/orodrigogo/gmail-ui e confere se as configurações do Expo router e do nativewind estão certinhas, por favor. 💜
Depois de instalar e configurar o tailwind, começa outro erro. Haha Na hora de abrir o app no celular o bundling falha e me entrega a seguinte mensagem: tailwindcss(android) rebuilding... TypeError: style.declarations.findLast is not a function at setStyleForSelectorList (C:\Users\Lohan\Desktop\DEV\gmail-ui ode_modules eact-native-css-interop\src\css-to-rn\index.ts:358:54) at extractRule (C:\Users\Lohan\Desktop\DEV\gmail-ui ode_modules eact-native-css-interop\src\css-to-rn\index.ts:175:11) at Rule (C:\Users\Lohan\Desktop\DEV\gmail-ui ode_modules eact-native-css-interop\src\css-to-rn\index.ts:82:9) at cssToReactNativeRuntime (C:\Users\Lohan\Desktop\DEV\gmail-ui ode_modules eact-native-css-interop\src\css-to-rn\index.ts:76:15) at sendUpdate (C:\Users\Lohan\Desktop\DEV\gmail-ui ode_modules eact-native-css-interop\src\metro\poll-updates-server.ts:49:42) at Socket. (C:\Users\Lohan\Desktop\DEV\gmail-ui ode_modules ativewind\src\metro\tailwind-cli.ts:106:17) at Socket.emit (node:events:513:28) at addChunk (node:internal/streams/readable:315:12) at readableAddChunk (node:internal/streams/readable:289:9) at Socket.Readable.push (node:internal/streams/readable:228:10)
O Rodrigo é um dos melhores canais para aprender React Native, o cara é simplesmente sensacional!
Que incrível e que honra! 🤩
Simplesmente sensacional... Mais desses vídeos 🇲🇿🇲🇿🇲🇿
Opa, vou trazer mais vídeos assim. Fico feliz que gostou. Valeeeu 🤩
A didática do Rodrigo é muito top!!!
Que honra! 🤩
Sensacional, clonar o app do Airbnb ou Pinterest seria sensacional. Valeu pelo conteúdo de qualidade
Opa, fico muito feliz que curtiu e excelente sugestão. Obrigado pela contribuição. Anotado aqui 🤩
Uma das didaticas mais eficiente, otima aprendizagem de todo esse youtube, na minha opinão o melhor!
de longe o melhor canal do youtube, odiava react na web, mas gostei demais no mobile por sua causa, descomplicou demais!!
Que honra. Muitoooo obrigado 🤩
Um dos melhores conteúdo RN do Brasil, gosto muito dos videos.
Que honra. Fico muito feliz, gratidão! 🤩
Muito top, parabéns, gosto do youtube por esses vídeos, entreterimento com conhecimento de qualidade.
🤩🤩🤩🤩
Conteúdo incrível, Rodrigo sempre mando bem 👊👊
Valeu demais! 👊
Lembro de ter sofrido para criar navegação com mais de um tipo de navegação. Felizmente consegui. Muito bom conteudo
Fico feliz. Valeeeu 🤩
Muito massa, Rodrigo! Continua trazendo mais desses conteúdos.
Opa, fico muito feliz e me anima muitooo para trazer mais. 🤩
Conteúdo valioso! Obrigado por trazer pra nos, vai me ajudar bastante nos estudos 🙏
Muito obrigado, fico muito feliz 🤩
Só os 'de verdade' assistiram até o final!
Ótimo conteúdo, obrigado por postar!
🤩🤩🤩
Massa Rodrigão, estes vídeos abordando conceitos isolados são ótimos!
Valeu demais, fico feliz!
Que aula top, ganhou mais um inscrito
Fico muito feliz. 🤩
Muito bom, Rodrigo! Incentivo a criação de uma área de membros para oferecer mais conteúdo de qualidade sobre React Native, já tem o meu apoio! 🚀
Excelente sugestão. Vou criar e vamos juntos nessa! 🚀
Comprei o curso da rocketseat por sua causa. Você é um dev sensacional e espero muito que a rocket atualize o ignite e você seja o professor.
Que incrível e que honra! 🤩
Pooo seus vídeos têm me ajudado muitooo. Vc tem trazido umas paradas diferente do que agente vê nos cursos por aí...
Que incrível. Fico muito feliz e honrado. Me anima muitooo. Gratidão 🤩
Um dos caras que eu mais gosto no RUclips
Que honra! 🤩
Um dos poucos canais de clonagem de interface em Português, Top d+, clona o Start+ ele tem umas tabs na página details com views de tamanhos diferentes e tudo animado, é muito daora...
Que honra, fico feliz. E muito obrigado pela sugestão 🤩
Logo após uma NLW, um video desse! 🚀🚀🚀🚀
Tamo no gás, hehe 🚀
Botou pra lascar Rodrigão, showwwwwww!
Opaaa, hehe. Tamo junto 🤩
Caramba que projeto. Sensacional!
Fico muitoooo feliz que curtiu 🤩
Muito bom, acredito se puder criar um vídeo, que seria muito útil para todos os devs, explicando como criar no github um `exemplo minimo repoduzivel`, quando temos que criar um issue.
Boa sugestão! Anotado aqui 🤩
Rodrigo em primeiro lugar, que vídeo espetacular, aprendi tanto nesse vídeo. Queria saber sua opinião, se fosse começar um projeto hoje, vc usaria a qual tipo de estilização? Style sheet ou tailwind?
Cada exemplo melhor que o outro.
Que incrível. Fico muitooo feliz! 🤩
No componente FloatButton o TouchableOpacity não está alterando com as classes, os componentes Children dele aceitam normalmente, mas ele não. O que pode ser? Já resetei o cache e nada...
Adorei, assitir já todos...entrado no mundo react-native,
Que incrível. Bora! 🤩🚀
Faz mais com natiwind....rsrrs
Opa, combinado@@lucasgomes3794. hehe
Brabo demais, parabéns !!!!
Valeeeu demais 🤩
Top demais rodrigão, to achando incrível você estar alimentando seu canal, continue, ta muuito bom os videos. 2 ideias que poderia trazer, poderia trazer um clone da Uber ou de algum app que tenha geolocalização e algum app que utiliza de IA 👀
Opaaa, muito obrigado meu amigo. Fico muito feliz e obrigado pelas sugestões! 🤩
Rodrigão começou 2024 beeeem empolgado né kkkk. Ótimo vídeo como sempre!
Vocês me animam demais, demais. 🤩
Excelente!
2 dias pra fazer o que ele fez em 2h... Preciso praticar mais pra ser mais rápido. Obrigado pelo conteúdo ajudou a sanar uma duvida que tinha no novo app que estou criando. Porem, continuo com uma duvida. É possível ter dois menus desse tipo, um de cada lado? Exemplo, do outro lado, ao clicar no avatar, abrir um menu relacionado ao seu perfil? Se isso for viável fazer isso e você puder compartilhar um direcionamento, seria ótimo.
Rodrigo!... 😱😱 eu não gostei do projeto. Eu amei muitooooo😍 .
Obrigado por este grande conteúdo, vai me ajudar muito como iniciante em React Native ☺
Que incrível. Fico muitoooo feliz! ☺
Ui Clone top demais!
Obrigado amigo! 🤩
Rodrigao monstro, tenta no próx vídeo trazer a ui do Spotify, com aquelas animações de Scrolls, ia ser mto massa
Valeeeeu demais, fico feliz. E obrigado pela sugestão. Anotado aqui 🤩
Brabooo, Uma ideia. Gostaria de recriar a ui do uber. Tmj professor, vc é fera!
Opa, excelente sugestão. Muitoo obrigado!
Sensacional 👏👏
Valeeeu demais! 🤩
Rodrigo não sei se já tem em seu canal aqui. Mas mostra um exemplo de push notification.
Opa, por enquanto não. Mas excelente sugestão! Anotado aqui 🤩
Rodrigo sempre que crio um projeto react native com `npx create-expo-app --template`, o projecto ja começa com varias vulnerabilidades, isso é normal?, eu notei que vc ignorou no video devo fazer o mesmo?
Brabo demais! Vão substituir o Styled Components pelo Tailwind nas novas aulas agora?
Pode ser que eu utilize o Styled Components, mas últimamente estou usando bastante o Tailwind hehe.
em termos de produtividade, vale mais a pena utilizar uma biblioteca de componentes (como gluestack ou tamagui) ou nativewind?
Pensando na produtividade biblioteca de componentes (como gluestack ou tamagui) oferecem muita agilidade porque tem os componentes prontos. Agora para algo mais do zero, nativewind é uma boa.
aula muito top
Valeu demais 🤩
o meu menu drawer esta empurrando a janela de debaixo ao abrir ele, ele não sobrepoe, como conserto isso?
Que foda cara 💜
Fico feliz que gostou. Valeeeeu 🤩
conteúdo top
Valeeeu 🤩
Muito bom o conteúdo
Obrigado meu amigo 🤩
Rodrigo, tentei realizar o projeto mas logo após configurar o Nativewind e tentar rodar, deu um erro e já fiz de tudo porém não consegui resolver, teria algum lugar que você conseguiria me ajudar? (só resolver esse erro)
Rodrigo, acredito
oque você está usando alguma distro Linux. Qual seria?
Estou utilizando Linux, chama popOS a distribuição. Ela é baseada no Ubuntu.
Rodrigo, qual extensão de icons você utiliza?
Ela chama Synbols.
E como seria possível nas "Drawer routes" , deixar visível as tabs routes ou seja o menu bottom?
Você pode utilizar nested routes colocando uma dentro da outra.
Gostaria de saber se é possível criar um tutorial usando o expo-camera/next usando a SDK 50 do expo?
Opa, super rola. Obrigado pela sugestão!
Para criar um app de scanner de qr code, que pode scanner qr code pintar na tela e podermos criar qr code
Você poderia criar um vídeo que demonstre o uso de variáveis de ambiente no React Native com Expo?
Boa sugestão. 🤩
@@orodrigogo obrigado
Rodrigo tem alguma coisa em especifica q precisa ser feita o tailwind não pega estilização no float-button
As configurações fica no arquivo tailwind.config.js. Se quiser dar uma olhada pra ver como são tem nesse link: github.com/orodrigogo/gmail-ui/blob/main/tailwind.config.js
@@orodrigogo deu certo, precisei excluir a node_modules e baixar novamente que o tipagem pegou, obg
@@Gustavo-vu1py boooa, que bom amigo. 😊
Um detalhe que observei no Gmail, em algumas das opções do Drawer ao clicar ele navega para a mesma tela, mas com um filtro diferente aplicado (invés de uma tela diferente). Como seria nesse caso?
Poderia usar o useLocalSearchParams do Expo Router e obter o filtro pelo parâmetro da rota.🚀
Proximo bora recriar o Tinder kkkk
Excelente sugestão, hehe 🤩
Aula Incrível! Rodrigo, estava querendo fazer widgets para o meu app, consegui fazer utilizando o react-native-android-widget, ele funciona bem em smartphones Samsung, mas tem alguns bugs relacionados ao tamanho da grade de apps em alguns dispositivos. Tem uma opção mais abrangente que resolva esses problemas?
Que incrível, fico feliz que curtiu. Sobre widgets ainda não precisei criar um, mas posso trazer algo aqui no canal em breve. hehe 🚀
Fala rodrigao, ta dando problema ai tbm na hora de gerar o apk? o Build.Gradlew acusa erro no arquivo css
Aqui foi de boa. Da uma olhada nas configs do Tailwind.
Muito bom!!
Muitooo obrigado! 🤩
Pra deixar o app responsivo voce me indicaria usar o Native wind ou tentar outra coisa? To deixando responsivo na marra com atributos de % e scale e dimensions... Mas nao fica tao responsivo pous em algumas telas da pra perceber diferença, o que voce me indica?
Geralmente uso muito o próprio flexbox e %. Da uma olhada nessa lib, é utilizada para essa finalidade sem precisar de Native wind por exemplo: www.npmjs.com/package/react-native-responsive-screen
@@orodrigogo entendo, mas tipo no caso de teclado , isso me incomoda muito, pois geralmente onde tem teclado isso afeta a tela , e aí eu uso o keyboardAwareScrollview, mas aí eu preciso fazer um monte de alteração maluca e se eu usar só o keyboard.dismiss e tiver uma tela com flatList isso afeta ela ou o scrollView se tiver ! Aí por causa disso tem telas que não fica responsivas no meu app
quando utilizo as cores personalizas minha paleta do nativewind(ctrl + space) sumiu por exemplo bg-red-500 nao aparece mais.. porque?
Confirma se você colocou as cores em extends. Aqui tem o meu: github.com/orodrigogo/gmail-ui/blob/main/tailwind.config.js
@@orodrigogo no caso fiz assim..
import { editColors } from "./src/styles/colors";
/** @type {import('tailwindcss').Config} */
module.exports = {
// NOTE: Update this to include the paths to all of your component files.
content: ["./src/**/*.{js,jsx,ts,tsx}"],
presets: [require("nativewind/preset")],
theme: {
colors: {
...editColors
},
},
plugins: [],
e no arquivo colors coloquei assim:
import colors from "tailwindcss/colors";
export const editColors = {
...colors,
themeYellow: {
500: "#AE945D",
},
themeBlue: {
500: "#1F4A72",
},
themeGray: {
200: "#E7E5E4",
300: "#B1B1B1",
400: "#8B8B8B",
},
themeWhite: "#FFFF",
};
com isso resolveu meu problema.. mas vlw pela atenção curto demais seu trampo parabens...
FloatButton() no componente TouchableOpacity na className position não funcionou aqui
O meu também não estava, resolvi assim:
import { colors } from "@/styles/colors";
import { MaterialIcons } from "@expo/vector-icons";
import { Text, Touchable, TouchableOpacity, TouchableOpacityProps, View } from "react-native";
type FloatButtonProps = TouchableOpacityProps & {
icon?: keyof typeof MaterialIcons.glyphMap
}
export function FloatButton({ icon, ...rest }: FloatButtonProps) {
return (
{icon && ()}
Escrever
)
}
Por algum motivo, os ícones da bottom navigation não estão funcionando no iOS. Eles funcionam perfeitamente no Android e na Web, mas no iOS apenas a barra aparece, e nem mesmo o texto é exibido quando habilitado.
A navegação no iOS funciona ao clicar no ícone invisível.
Consegui achar o problema, era simplesmente a propriedade paddingBottom: 34, no ios esse valor faz com que o ícone não apareça na tela
Como a minha maquina é de 3º geração, e só tem 8GB de RAm eu executo "npm run web".
É uma boa. Outra opção, quando possível, é utilizar o próprio dispositivo pela rede lendo o QR Code
Show esse tipo de conteúdo atrás mais?
Fico feliz que gostou. Então bora, vou trazer mais desses. 🤩
Opa Rodrigo, tentei criar o projeto hoje mas deu o erro Error: Cannot find module '../lightningcss.win32-x64-msvc.node'
Tentei clonar o seu projeto do git mas também deu erro, sabe se é algo geral?
Provavelmente está usando no Windows, né amigo? Geralmente esse erro é ambiente
@@orodrigogo isso mesmo, windows
estou há semanas com problemas, de cursos desatualizados, erros e bugs, ao criar algo em React-Native. Me pareceu, q o Windows tmb esta zuando meu ambiente. Se sim, qual Linux instalar, vc tem algum tutorial?
@@orodrigogo
show hein 🚀
🤩
Galera acessa seu gmail pelo navegador na tela principal a logo vai ta no header a esquerda, so baixar la
Boooooa!
No próximo faz um clome do meu rh é um app de controle do horário de funcionário entrada e saída.
Tipo controle de ponto? hehe
@@orodrigogo lsso mesmo as empresas estão usando muito deste tipo de aplicativos.
depois da "Tailwind CSS IntelliSense", não consigo executar, snif!
Qual erro aparece?
Pra mim aparece uma tela "Unmatched Route" logo na primeira vez que - seguindo a vídeo aula - abro o app no android expo go.
Unmatched Route aparece quando ele não consegue identificar a rota padrão. Confirma se na raiz da tua pasta app tem o index.tsx e dentro dele a função precisa ser exportada com default. 🚀
@@orodrigogo Agora quando eu tento abrir o app no Expo Go ele dá esse erro no terminal Error running TailwindCSS CLI, please run the CLI manually to see the error.
muito massa ❤🇲🇿🇲🇿
Também sou de Moz bro, 🎉🎉🎉 🇲🇿🇲🇿🇲🇿
Que massa. Bem vindos e obrigado demais 🤩😊
Rodrigo eu gostaria que recria a app da inco
Boa sugestão. Anotado aqui! 🤩
estou com um problema na estilização, do float button, o touchableopacity simplesmente n responde a estilização, mais alguém?
Você chegou a configurar a propriedade activeOpacity? Dê uma olhada, talvez seja o valor que colocou lá.
@@orodrigogo obrigado pela aula Rodrigo, muito boa, aprendi bastante coisa e com certeza vou terminar esse clone
Fico muito feliz amigo. Tmj 🚀
O meu também não funciona, o TouchableOpacity não pega a estilização
Consegui resolver colocando tudo dentro de uma View e passando a estilização pra ela
Um projeto com React Native + Supabase
Booooa, excelente sugestão
pessoal como fasso para criar um app de quiz de perguntas ? sou iniciante kkk
Opa, vamos lá. Eu comecaria criando o prototipo/desenho das telas para definir como o App será. Em seguida, definiria de onde o App irá obter as perguntas e respostas: local no próprio dispositivo? De um back-end próprio? BasS como Firebase? Em seguida, criaria as interfaces. Mas gostei da ideia, que sabe no futuro traga um vídeo mostrando como fazer um, hein. hehe
@@orodrigogo a interface ate consigo fazer mais não faço ideia como vou fazer para gera perguntas e resposta automaticas se tive um video ensinado como fazer o back-end
Estou com um erro no metro não sei como resolver, segui igual ao vídeo mas não deu
Android Bundled 8579ms (C:\Users\Service Desk\Desktop\React-native-tailwind\teste-tailwind-react
ode_modules\expo-router\entry.js)
ERROR Error: Exception in HostFunction: expected 0 arguments, got 1, js engine: hermes
ERROR Invariant Violation: "main" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes
É configuração amigo. Da uma olhada aqui github.com/orodrigogo/gmail-ui e confere se as configurações do Expo router e do nativewind estão certinhas, por favor. 💜
conseguiu resolver amigo?
Depois de instalar e configurar o tailwind, começa outro erro. Haha
Na hora de abrir o app no celular o bundling falha e me entrega a seguinte mensagem:
tailwindcss(android) rebuilding... TypeError: style.declarations.findLast is not a function
at setStyleForSelectorList (C:\Users\Lohan\Desktop\DEV\gmail-ui
ode_modules
eact-native-css-interop\src\css-to-rn\index.ts:358:54)
at extractRule (C:\Users\Lohan\Desktop\DEV\gmail-ui
ode_modules
eact-native-css-interop\src\css-to-rn\index.ts:175:11)
at Rule (C:\Users\Lohan\Desktop\DEV\gmail-ui
ode_modules
eact-native-css-interop\src\css-to-rn\index.ts:82:9)
at cssToReactNativeRuntime (C:\Users\Lohan\Desktop\DEV\gmail-ui
ode_modules
eact-native-css-interop\src\css-to-rn\index.ts:76:15)
at sendUpdate (C:\Users\Lohan\Desktop\DEV\gmail-ui
ode_modules
eact-native-css-interop\src\metro\poll-updates-server.ts:49:42)
at Socket. (C:\Users\Lohan\Desktop\DEV\gmail-ui
ode_modules
ativewind\src\metro\tailwind-cli.ts:106:17)
at Socket.emit (node:events:513:28)
at addChunk (node:internal/streams/readable:315:12)
at readableAddChunk (node:internal/streams/readable:289:9)
at Socket.Readable.push (node:internal/streams/readable:228:10)
para quem está com uma preguiça colossal de escrever o colors export const colors = {
white: "#fdfcfb",
gray: {
900: '#20123',
800: '2A2B2D',
700: '#323336',
600: '#444547',
400: '#9AA0A6'
},
orange: {
800: '#5E4D4E',
600: '#F28B81',
300: '#F6AEA9'
},
yellow: {
600: '#F5B400'
},
blue: {
600: '#4285F4'
}
}
Mandou a braba! 🤩