How to use tailwindcss with react native expo | React Native Expo | Nativewind v4 | 2025

Updated video to show how to add tailwindcss to a react native expo project

Happy coding!

#ReactNative #TailwindCSS #Expo #Nativewind #MobileDevelopment #UI #Styling #ReactNativeTutorial #TailwindWithExpo #CodeMagic #LearnToCode #CodingTips #FrontendMagic #AppDesign #ModernUI #ReactStyling #TailwindIntegration #2025 #tailwindcss4

[CodeWithRomaen]

Tailwind recently released v4 which is not currently compatible with nativewind.

[IG-cu]

1:09 That was the exact issue I was having, thanks so much for mentioning that.

[zulianadryan]

I like your way on showing the progress by zoom in and zoom out, nice

[TBone-nbsv]

I have a problem. When I change the color of Text or View, I had to run the project again and press r in order for the color to change. How can I fix this?

[Otakibites]

Thanks, brother. I love you, brother. It worked.

[asfnobambu]

There are occasions when TW do not work like it does with HTML tags. Specially dealing with inheritance of styles. It would be nice a video showing about these differences.

[memoryverses-now]

Real guide, Thank bro, was a challenge b4

[arafat-alim]

Hey man, that's great! Thanks for making this video for us. I'm facing an error:

`Android Bundling failed 932ms (1269 modules) Unable to resolve "./global.css" from "app\_layout.tsx"`

When I added the `.global.css` file to `app\_layout.tsx`, then this error occur. If I remove the import of `global.css`, the error disappears, but then I'm unable to use any Tailwind or NativeWind classes.

[Freehpu]

Any one had the problem that, , the tailwind classes effects are seen when entire projects restarts.. It happens to me? some classes effects changes when i save CTRL + S but when i add new or many classes i have to restart my project

[sparshan]

Hi! Thanks for the informative video. I followed all the steps you mentioned, but got this error- "Error: Cannot find module 'expo/metro-config'". I'm not sure what I'm doing wrong here. Please help!

[kowshiknaim]

Can we use Shadcn UI in Expo? If so, could you please create a proper video guide on how to install it?

[TBone-nbsv]

Do you know how to change splash screen color? I try to change bg color in app.json and it did not change color

[bluegenie]

I followed all the instructions and get no errors when i start my app but none of the styling I am using applies. I named global.css globals.css by accident at first but I changed that already in all the config files and _layout.tsx file. I'm really lost and I'm not sure why this isn't working

[sadakvali]

Error: NativeWind only supports Tailwind CSS v3
Any solution for this error brother?

[Otakibites]

I did everything but it still doesn't work. It shows this
Logs for your project will appear below. Press Ctrl+C to exit.
Android Bundled 3153ms (1226 modules)
(NOBRIDGE) LOG Bridgeless mode is enabled
INFO
💡 JavaScript logs will be removed from Metro in React Native 0.77! Please use React Native DevTools as your default tool. Tip: Type j in the terminal to open (requires Google Chrome or Microsoft Edge).
But the tailwind classes don't work on my app

[Otakibites]

Brother after creating a new project installing expo and setting up native wind as you have shown .
It shows this:-
Warning: Unknown at rule: @tailwind (globals.css:1:10):
| > 1 | @tailwind base;
| | ^
| 2 | @tailwind components;
| 3 | @tailwind utilities;
| Warning: Unknown at rule: @tailwind (globals.css:2:10):
| 1 | @tailwind base;
| > 2 | @tailwind components;
| | ^
| 3 | @tailwind utilities;
| Warning: Unknown at rule: @tailwind (globals.css:3:10):
| 1 | @tailwind base;
| 2 | @tailwind components;
| > 3 | @tailwind utilities;
| | ^

[abujunaid]

i use js can i do it using js instade of ts ??

[mohdsajidshaikh]

How to do theming with tailwind
Also what about responsive

[shaxhxnk]

Hii Can you give the source code link?

[Nathan-nl]

i did everything, still got error and it didn't work, been trying to fix it still cant get it.

SyntaxError: Unexpected token, expected "{" (15:8)