React Native TailwindCSS Tutorial | How To Setup Expo and Nativewind | React Native Tutorial 2024

[@Puturam]

When installing nativewind, be sure to specify the version: npm install nativewind@2.0.11
The latest version which is 4 is not compatible with tailwind 3.3.2

[@pedrogoncalvesnt]

Thanks for the hint! Also, it only worked for me with Tailwind 3.3.2, so i had to downgrade the version by running npm install tailwindcss@3.3.2

[@mehakkamran3929]

it worked thanks

[@codedwebs]

i have tried this but failed

[@Hm-L2024]

me too. it is no work

[@codedwebs]

@Hm-L2024 install fresh copy and all latest versions, then it will work

[@debojeetkarmakar9772]

Did everything same but still not working please help 😢

[@sefailyasoz]

Do you have a GitHub repo I can check ?

[@hristijankolevski3604]

why i dont have babel.config.js file ?

[@victoreweh1765]

run "npx expo customize" and select babel to create it.

[@codedwebs]

i also don't have

[@abdullahhelveci3369]

did you solve it ? i also have this problem

[@heemmanuel]

I tried this but I noticed that the nativewind styling works only when i apply just a single style, like; className="font-bold"
If i should make it; className="font-bold text-2xl", none of the two styles will be applicable

[@sefailyasoz]

Make sure tailwind version is same as in the video. Never had that problem for myself

[@heemmanuel]

@@sefailyasoz Thanks
It was due to mistake from my end.

[@SabaIdukashvili]

@@heemmanuel can you tell me what mistake? please

[@SabaIdukashvili]

please answer🙏

[@heemmanuel]

@@SabaIdukashvili I will like to ask, are you opening on your smartphone or using android emulator?