TailwindCSS no React Native é covardia pura. Sou aluno Rocketseat e você é um professor bem top de RN ... seria legal pegar um app bonito para codar ele com o tailwind.
tem um video explicando essa nova arquitetura de pasta do react native que vem o app depois a pasta (tabs) explicando essa nova arquitetura do native quando inicia um projeto?
Professor do céu se o senhor tivesse upado esse vídeo uns 4 dias antes meu projeito iria ser com tailwind kkkkkk. Mas os próximos serão. Sua didática é fenomenal! Obrigado.
Conteudo muto bom, quero começar a usar NativeWind acho que vai facilitar e melhor o padrão de estilo. só tenho uma dúvida como poderia criar mais de um tema, exemplo dark Mode, Green Mode, to pensando usar como mostrou o arquivo de adicionar um Colors próprio só não sei se eu teria vários Colors
Eu estava com o mesmo problema! Dentro do teu arquivo App.tsx, tenta importar o global.css. No meu está assim: import { Home } from './src/screens/Home' import './src/styles/global.css' export default function App() { return ( ); } Além disso, dentro do app.json, tu adiciona "bundler": "metro", dentro de web: "web": { "bundler": "metro", "favicon": "./assets/favicon.png" }, Tenta aí, fecha tudo, limpa o cache e roda de novo com o $ npx expo start --clear
Boa Rodrigo. Irmão tem como vc explicar uma solução de previnir printscreen no iOS? No android é tranquilo e simples , mas no iOS tá sinistro. Obrigado pelo seu tempo👍
saudações teacher!, ultimamente tenho usado muito o pacote twrnc (Tailwind React Native Classnames), parece mais simples de configurar (na prática é só instalar e sair usando, que nem o expo😅 ), e parece oferecer o que o NativeWind oferece (ainda não explorei tudo mais acho que é isso), já deste uma olhada neste pacote? seria uma alternative boa para o NativeWind?
Diz aí Rodrigo, qual a forma de estilização vc usa profissionalmente em seus projetos? Não entra na minha cabeça essa forma de estilização ao estilo HTML/CSS que antigamente a gente chamava de código espaguete. No React, eu até curto ChakraUI, que são propriedades e não classes.
Cara, muito top, estou prestes a criar uma nova aplicação com react native e tailwind, sabe me dizer se tem alguma biblioteca para native que se pareça com o shadcn ui ou radix ?
Tenho dificuldade em fazer o deploy de projetos na Expo App Store quando uso nativewind, saberia me dar uma solução? Inicialmente deu problema no eas build, consegui buildar, mas dps deu problema no update apontando pro nativewind especificamente
Segui o passo a passo do video, mão tah dando erro no meu tailwindcss na hora que roda o app. Me parece que não tah encontrando o arquivo global.css Consegue me dar um help??
Uma duvida que eu tenho, na web quando quero mudar o weight da font de regular para bold, eu uso a propriedade de font weight, no react native para fazer isso tem que trocar a familia de font? ou posso usar a propriedade de font weight e passa por exemplo 700
@@RobsonSilva-ww4uj Um exemplo, eu tenho que usar `` FontFamily: "Inter_Bold_700" `` ou eu posso usar apenas `` FontWeight: 700 // Quando eu faço dessa forma, fica em negrito, mais parece que não é a font que eu quero `` Se alguém puder tirar essa dúvida agradeço muito.
@@felipecosta4132 entendo, tenta fazer novamente a instalação, confira que se estás importando bem as fontes, e implementa a lógica de não abrir a aplicação enquanto as fontes não tiverem sido carregadas (meio que a splash screen, aproveita ela pra carregar as fontes e não redireciona o user pra nenhuma outra tela enquanto as fontes não forem carregadas)
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Você é de extrema importância para a sociedade nunca pare e obrigado pelo vídeo! Salvou.
Cara, seu conteúdo é muito fácil de entender. Você explica muito bem e sem enrolação, você é melhor que muitos canais grandes.
TailwindCSS no React Native é covardia pura. Sou aluno Rocketseat e você é um professor bem top de RN ... seria legal pegar um app bonito para codar ele com o tailwind.
Opa. Gostei da ideia 🤩
rodrigão é o cara do RN. conteudos tops, didactica super, super
Muitoooo obrigado. Gratidão 🤩
tem um video explicando essa nova arquitetura de pasta do react native que vem o app depois a pasta (tabs) explicando essa nova arquitetura do native quando inicia um projeto?
Professor do céu se o senhor tivesse upado esse vídeo uns 4 dias antes meu projeito iria ser com tailwind kkkkkk. Mas os próximos serão. Sua didática é fenomenal! Obrigado.
Vamos atualizar o curso ignite? bjo!!
Muito interessante o conteúdo, como sempre!
O cara do react-native!
uma didática impecável, sensação de pegar na tua mão e dizer: olha é assim que você tem que fazer. parabéns preciso fazer um curso seu onde encontro?
Matavilha Rodrigão, mais um vídeo sensacional! Gostaria de sugerir um tema para próximos vídeos: Offline first utilizando PowerSync e sqlite
No caso de aplicações hibridas, qual a solução mais simples, devo usar metro ou webpack para configuração do ambiente web?
Conteudo muto bom, quero começar a usar NativeWind acho que vai facilitar e melhor o padrão de estilo. só tenho uma dúvida como poderia criar mais de um tema, exemplo dark Mode, Green Mode, to pensando usar como mostrou o arquivo de adicionar um Colors próprio só não sei se eu teria vários Colors
Rodrigo. pq não achamos mais os links do codigo ou de materiais nos vídeos?
Muito bom cara quando vai sair o próximo aplicativo com tailwindcss no canal?
Mesmo seguindo os passos, os estilos da className não refletiram na minha aplicaçaõ.
O meu tambem nao, conseguiu algo?
Eu estava com o mesmo problema! Dentro do teu arquivo App.tsx, tenta importar o global.css. No meu está assim:
import { Home } from './src/screens/Home'
import './src/styles/global.css'
export default function App() {
return (
);
}
Além disso, dentro do app.json, tu adiciona "bundler": "metro", dentro de web:
"web": {
"bundler": "metro",
"favicon": "./assets/favicon.png"
},
Tenta aí, fecha tudo, limpa o cache e roda de novo com o $ npx expo start --clear
Valeu demais por esse conteúdo!!
Fico feliz em ajudar 🤩
Boa Rodrigo. Irmão tem como vc explicar uma solução de previnir printscreen no iOS? No android é tranquilo e simples , mas no iOS tá sinistro. Obrigado pelo seu tempo👍
saudações teacher!, ultimamente tenho usado muito o pacote twrnc (Tailwind React Native Classnames), parece mais simples de configurar (na prática é só instalar e sair usando, que nem o expo😅 ), e parece oferecer o que o NativeWind oferece (ainda não explorei tudo mais acho que é isso), já deste uma olhada neste pacote? seria uma alternative boa para o NativeWind?
É uma possibilidade nova ainda. Seria viável ja usar em produção?
Diz aí Rodrigo, qual a forma de estilização vc usa profissionalmente em seus projetos? Não entra na minha cabeça essa forma de estilização ao estilo HTML/CSS que antigamente a gente chamava de código espaguete. No React, eu até curto ChakraUI, que são propriedades e não classes.
como instalar o font family no app?
top
Valeu demais! 🤩
Cara, muito top, estou prestes a criar uma nova aplicação com react native e tailwind, sabe me dizer se tem alguma biblioteca para native que se pareça com o shadcn ui ou radix ?
Tem sim cara, o NativeCN UI. Há um video do @Rodrigo aqui no canal que usa usa lib.
@@maurotwister475 booua men, vou dar uma olhada valeu 👍
Rodrigo, você considera a v4 estável suficiente pra iniciar uma aplicação?
Tenho dificuldade em fazer o deploy de projetos na Expo App Store quando uso nativewind, saberia me dar uma solução? Inicialmente deu problema no eas build, consegui buildar, mas dps deu problema no update apontando pro nativewind especificamente
Segui o passo a passo do video, mão tah dando erro no meu tailwindcss na hora que roda o app. Me parece que não tah encontrando o arquivo global.css
Consegue me dar um help??
Uma duvida que eu tenho, na web quando quero mudar o weight da font de regular para bold, eu uso a propriedade de font weight, no react native para fazer isso tem que trocar a familia de font? ou posso usar a propriedade de font weight e passa por exemplo 700
Sim
@@RobsonSilva-ww4uj Um exemplo, eu tenho que usar
``
FontFamily: "Inter_Bold_700"
``
ou eu posso usar apenas
``
FontWeight: 700 // Quando eu faço dessa forma, fica em negrito, mais parece que não é a font que eu quero
``
Se alguém puder tirar essa dúvida agradeço muito.
Fala rodrigão, minhas fontes não estão fazendo efeito no app. Testei com 2 já. Me dá uma luz aí
Olá Felipe, posso saber se instalaste e importaste as fontes desejadas?
@@misterjs023 Estou utilizando fontes do google, mas dá erro dizendo que não está instalado no sistema sei lá
@@felipecosta4132 entendo, tenta fazer novamente a instalação, confira que se estás importando bem as fontes, e implementa a lógica de não abrir a aplicação enquanto as fontes não tiverem sido carregadas (meio que a splash screen, aproveita ela pra carregar as fontes e não redireciona o user pra nenhuma outra tela enquanto as fontes não forem carregadas)
@@misterjs023 Ela funciona no estilo inline style={{...}}, mas no tailwind não
@@felipecosta4132 acho que no tailwind não tem como passar a fontFamily no className (caso seja isso que estás fazendo)
Ele não tem suporte pra grid né?
Tem, a documentação tem até sobre flex box e até animações. Bem completo
Estou tendo erro ao buildar com o eas, alguém sabe por quê??
Tbm, conseguiu resolver?