Thank you SO MUCH!!!! i had so many problems and i almost gave up and was about to just use stylesheet but watching ur video helped me so much!!!! Thank you again
Thank you so much, this actually worked like a charm, i've been running into issues trying to integrate tailwindcss into react native using tsx but this solved it, I really appreciate the effort
in the end of all steps (12:39) i am stuck on getting this error: tailwindcss(ios) rebuilding... TypeError: style.declarations.findLast is not a function at setStyleForSelectorList (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:358:54) at extractRule (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:175:11) at Rule (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:82:9) at cssToReactNativeRuntime (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:76:15) at sendUpdate (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/metro/poll-updates-server.ts:49:42) at Socket. (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/nativewind/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) as you may see i guess the issue isn't in the path names. expo gave me a warning about incompatible versions of typescript and expo, and I updated them as it told me to do. but it still doesn't work. any ideas what could trigger this error message?
Hi, very helpful - I did follow the video and tailwind worked however, when I restart the simulator, it is not applying the tailwind styles. Not sure why, it is the same code and same file structure. I am getting this warning though which I don't understanding why it would stop working. But I will try to downgrade my typescript The following packages should be updated for best compatibility with the installed expo version: typescript@5.5.4 - expected version: ~5.3.3
for some weird reason, after saving the global file again it started working. But I haven't changed it since the first time. It was a copy and paste from the docs. Weird
@@PedroHenriqueFerreiraCardosoLi Yeah weird things happen all the time. Just make sure that "tailwind.config.js" has all proper values in the "content" array.
Haha.. That's the sound of my normal voice, believe it or not. I am not any more tired than a normal day. Please feel free to speed up the video to 1.5x (some people say that makes me sound more excited😀). Thanks for watching the video :)
I exactly needed these instructions! Thank you :)
This is a very helpful tutorial. Keep up with the good content. Not many developers are sharing content for ts in RN!
Thank you SO MUCH!!!!
i had so many problems and i almost gave up and was about to just use stylesheet but watching ur video helped me so much!!!!
Thank you again
Thank you so much, this actually worked like a charm, i've been running into issues trying to integrate tailwindcss into react native using tsx but this solved it, I really appreciate the effort
You're the best. Thank you so much. Was having such a bothersome time getting this configured for native & web. Subscribing!
Nativewind wasn't working for my previous projects, but it is now!! thank you so much!!!
Thank you for this video! Successfully built my first app following your instructions.
This is Golden!
Thank you for the content.
Thank you man, subscribed
very energic voice 😂
12:40
omg i just saved my ass
ty bro
Thanks a lot. : )
Thanks so much!
Thank you so much
in the end of all steps (12:39) i am stuck on getting this error:
tailwindcss(ios) rebuilding... TypeError: style.declarations.findLast is not a function
at setStyleForSelectorList (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:358:54)
at extractRule (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:175:11)
at Rule (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:82:9)
at cssToReactNativeRuntime (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/css-to-rn/index.ts:76:15)
at sendUpdate (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/react-native-css-interop/src/metro/poll-updates-server.ts:49:42)
at Socket. (/Users/mac/Desktop/projects/rn-voice-assistant-openai/node_modules/nativewind/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)
as you may see i guess the issue isn't in the path names. expo gave me a warning about incompatible versions of typescript and expo, and I updated them as it told me to do. but it still doesn't work. any ideas what could trigger this error message?
Hi,
very helpful - I did follow the video and tailwind worked however, when I restart the simulator, it is not applying the tailwind styles. Not sure why, it is the same code and same file structure.
I am getting this warning though which I don't understanding why it would stop working. But I will try to downgrade my typescript
The following packages should be updated for best compatibility with the installed expo version:
typescript@5.5.4 - expected version: ~5.3.3
for some weird reason, after saving the global file again it started working. But I haven't changed it since the first time. It was a copy and paste from the docs. Weird
@@PedroHenriqueFerreiraCardosoLi Yeah weird things happen all the time. Just make sure that "tailwind.config.js" has all proper values in the "content" array.
After 2 days.
My mac says
zsh: no matches found: nativewind@^4.0.1.
Any idea?
When? after or during which step?
@@ReactJsJourney Right after:
npx expo install nativewind@^4.0.1 react-native-reanimated tailwindcss
Nothing gets installed.
@@Samsungi7500fan try the suggestions below. Add quotes or \ before ^
github.com/tailwindlabs/tailwindcss/discussions/3575#discussioncomment-366208
@@ReactJsJourney Found the solution. I had to add quotes to "nativewind@^4.0.1". 🙄
Good tutorial but your voice sounds like you are exhausted and have no energy but anyway thank you for the video!
Haha.. That's the sound of my normal voice, believe it or not. I am not any more tired than a normal day. Please feel free to speed up the video to 1.5x (some people say that makes me sound more excited😀). Thanks for watching the video :)
@@ReactJsJourney I did 2x and now you are on beast mode
@@usmankhalid9516 🤣
Thanks for doing this!