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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น • 107

  • @nicholasp2329
    @nicholasp2329 10 หลายเดือนก่อน +13

    Brilliant, I could not get rid of the className error using Nativewind's solution but yours fixed it, thanks!

    • @CodeWithRomaen
      @CodeWithRomaen  10 หลายเดือนก่อน +1

      Glad I was of help!

  • @justanotherhero8981
    @justanotherhero8981 10 หลายเดือนก่อน +6

    Thank you for pointing out the bug regarding the version, even 2 months later the newest version does not work.

    • @r00t_sh3ll
      @r00t_sh3ll 10 หลายเดือนก่อน

      I just hit the same issue and only found out it's a bug from this video as well, thanks.

    • @CodeWithRomaen
      @CodeWithRomaen  10 หลายเดือนก่อน +1

      Really glad it helped! I know I had the same issue

  • @neovickson
    @neovickson 11 หลายเดือนก่อน +5

    Thanks dude... I haven't seen anyone talked about the bug in their videos
    Thanks you are helped me... looking forward to watching more of your content
    Keep it going 🔥

    • @CodeWithRomaen
      @CodeWithRomaen  11 หลายเดือนก่อน +3

      Hey! Glad I could help

  • @TikeshSingh-e7l
    @TikeshSingh-e7l หลายเดือนก่อน

    Thank you so much man, my TW was not at all working and i didnt know i have to install 3.3.2 version finally its working. thank you. Your video saved me.

    • @CodeWithRomaen
      @CodeWithRomaen  หลายเดือนก่อน

      @@TikeshSingh-e7l glad dude

  • @evanswang8401
    @evanswang8401 2 หลายเดือนก่อน

    I've been struggling with this className error all day.
    Thank you so much for helping me out!

    • @CodeWithRomaen
      @CodeWithRomaen  2 หลายเดือนก่อน

      @@evanswang8401 aww glad it was helpful

  • @marvinmez941
    @marvinmez941 9 หลายเดือนก่อน +2

    Great Video! Straight to the point!

  • @AleOnYouTube
    @AleOnYouTube 4 หลายเดือนก่อน +1

    I guess it was just our mistakes for not reading the docs, but holy hell no one talks about this and to find you with this video quality and few subs... you deserve more!

    • @CodeWithRomaen
      @CodeWithRomaen  4 หลายเดือนก่อน +1

      hey thanks for the kind words dude! I think with nativewind version 4.0 this issue should be fixed

    • @shaun_s01
      @shaun_s01 2 หลายเดือนก่อน

      real

  • @sreediscovery9384
    @sreediscovery9384 ปีที่แล้ว +2

    Thanks a lot buddy....... I was searching for 3 days

  • @b0b0_
    @b0b0_ 7 หลายเดือนก่อน

    Absolute legend this guy 👏🏾👏🏾👏🏾👏🏾

  • @doyux
    @doyux 2 หลายเดือนก่อน

    Thank you so much, this video is so helpful this video really save my life(and my project)

    • @CodeWithRomaen
      @CodeWithRomaen  2 หลายเดือนก่อน

      @@doyux hey glad I could help!

  • @averywlittle
    @averywlittle 2 หลายเดือนก่อน +2

    Man I've tried everything.... it just doesn't apply styles at all. I event ran the tailwind output and got classes for my custom classes, but when I build the project they don't generate!

    • @CodeWithRomaen
      @CodeWithRomaen  2 หลายเดือนก่อน

      @@averywlittle dang that sucks. Nativewind v4 will be releasing soon. You can try following their documentation www.nativewind.dev/v4/overview

  • @ketchupparty9997
    @ketchupparty9997 หลายเดือนก่อน

    I was having the issue with typescript className Thanks man

  • @k1sllui4ik
    @k1sllui4ik 11 หลายเดือนก่อน +1

    Thanks bro, greetings from Ukraine!

    • @CodeWithRomaen
      @CodeWithRomaen  11 หลายเดือนก่อน

      Welcome! Glad it helped

  • @PanzerPW
    @PanzerPW 3 หลายเดือนก่อน +1

    Excellent, fast, clear and objective

  • @royal-thunder
    @royal-thunder 9 หลายเดือนก่อน +2

    Omygod thank you for ending my 2 hours misery

    • @CodeWithRomaen
      @CodeWithRomaen  9 หลายเดือนก่อน +1

      Haha glad I was of help!

  • @tegasteve8195
    @tegasteve8195 8 หลายเดือนก่อน +1

    Perfect video, thanks alot

  • @lambertnsengimana7818
    @lambertnsengimana7818 11 หลายเดือนก่อน +1

    Great content friend

  • @fayenotfaye
    @fayenotfaye 11 หลายเดือนก่อน +1

    thanks, works great

  • @uiuxengineer
    @uiuxengineer 9 หลายเดือนก่อน +1

    Thanks mate!

    • @CodeWithRomaen
      @CodeWithRomaen  9 หลายเดือนก่อน

      Glad I could be of help!

  • @manushprajwal7912
    @manushprajwal7912 3 หลายเดือนก่อน

    thanks bro was really helpfull

  • @neerajdahit6997
    @neerajdahit6997 หลายเดือนก่อน +1

    it is giving me an error .plugins is not a valid plugin ? after comment add plugin project work but tailwind css not help me

    • @CodeWithRomaen
      @CodeWithRomaen  หลายเดือนก่อน

      @@neerajdahit6997 that is weird. When exactly do u get this error?

    • @neerajdahit6997
      @neerajdahit6997 หลายเดือนก่อน

      @@CodeWithRomaen i try it several time with different templates also watched several video tutorials but they did same as you told in video and i also follow but getting erro every time i copy pasted plugins line in bable config

    • @CodeWithRomaen
      @CodeWithRomaen  หลายเดือนก่อน

      @@neerajdahit6997 nativewind has recently updated to v4 so you can try the new docs. Something might be different
      www.nativewind.dev/getting-started/expo-router

  • @BradyDowling
    @BradyDowling 2 หลายเดือนก่อน

    Very nice! What software are you using to record and edit your videos?

    • @CodeWithRomaen
      @CodeWithRomaen  2 หลายเดือนก่อน +1

      @@BradyDowling thanks! I use screen studio

  • @mahmoudmoussa9294
    @mahmoudmoussa9294 หลายเดือนก่อน

    Thanks!!

  • @darren7491
    @darren7491 9 หลายเดือนก่อน

    this was really helpfull.

  • @库炼梅拉
    @库炼梅拉 7 หลายเดือนก่อน +1

    tqvm!

  • @beeka3171
    @beeka3171 8 หลายเดือนก่อน +1

    Hey, I was wondering how your mouse pointer can be so smooth? I'm on a MBP M3 Max but my mouse pointer isn't as smooth as yours, how did you do that please? :)

    • @CodeWithRomaen
      @CodeWithRomaen  8 หลายเดือนก่อน

      I am using screen studio to record and that video recorder helps smoothen the mouse movement 🤗

  • @Maleesha_Dinuranga
    @Maleesha_Dinuranga 5 หลายเดือนก่อน

    How do you create these videos and edit them. They are seamless. Excellent work!!

    • @CodeWithRomaen
      @CodeWithRomaen  5 หลายเดือนก่อน

      Thank you. I used a software called screen studio 👍

  • @Denyku
    @Denyku 8 หลายเดือนก่อน

    Hey! can u actually show your Vscode settings, Its look pretty simple and great! :)

    • @CodeWithRomaen
      @CodeWithRomaen  8 หลายเดือนก่อน

      Anything specific you would like to know ? I just use the default dark+ theme. Everything else is the default setting and fonts :)

  • @MalikHannan-oz5wk
    @MalikHannan-oz5wk 6 หลายเดือนก่อน

    awesome🔥

  • @dileepparmar1514
    @dileepparmar1514 11 หลายเดือนก่อน

    thank you so much
    😃🍅🍊🍎🍏🍑

    • @CodeWithRomaen
      @CodeWithRomaen  10 หลายเดือนก่อน

      You are welcome 😂🥸👑😏😊🫡

  • @mihaibalan1917
    @mihaibalan1917 10 หลายเดือนก่อน +1

    Hi man! Still can't get over that error. i'm using expo router and don't have the App.tsx structure

    • @CodeWithRomaen
      @CodeWithRomaen  10 หลายเดือนก่อน +1

      I would love to help you out. Can you provide any more information ? If you aren't using a typescript project, then you probably don't have to worry about creating the extra my-app.d.ts file

    • @mihaibalan1917
      @mihaibalan1917 10 หลายเดือนก่อน

      @@CodeWithRomaen so I have the latest expo router configuration which comes with a expo-end.d.ts file that contains /// already. I locked the tailwind version to 3.3.2. I run my app using expo go. now my ts works but the type errors regarding className is still there..

    • @deepakavadhani5413
      @deepakavadhani5413 6 หลายเดือนก่อน

      bro did you figured it out?
      Same thing is happening with me...

  • @aaronmathews7919
    @aaronmathews7919 4 หลายเดือนก่อน

    what are your cursor settings that makes it so smooth? I want that

    • @CodeWithRomaen
      @CodeWithRomaen  4 หลายเดือนก่อน

      I use a recording software called screen studio. It does it automatically

  • @wealthy_concept1313
    @wealthy_concept1313 7 หลายเดือนก่อน +1

    thanks man

  • @mr.random8447
    @mr.random8447 4 หลายเดือนก่อน

    Yeah it works with out of the box tailwind config, but adding your own presets or extending the config, doesn't seem to work.

    • @lilgujj4241
      @lilgujj4241 3 หลายเดือนก่อน

      same for me, tried adding custom colors but doesn't work

    • @mr.random8447
      @mr.random8447 3 หลายเดือนก่อน

      @@lilgujj4241 I changed the preset order and that worked for me

  • @camryn7023
    @camryn7023 4 หลายเดือนก่อน

    i really wish i saw this before i deleted my project

  • @akshaymanoj2967
    @akshaymanoj2967 5 หลายเดือนก่อน

    This is a great tutorial man, but even after configuring everything just like in the video my tailwind is not taking its affect on Expo Go for some reason

    • @CodeWithRomaen
      @CodeWithRomaen  5 หลายเดือนก่อน +1

      You can try using this article. Nativewind v4
      www.nativewind.dev/v4/getting-started/expo-router

  • @infinitesperro7962
    @infinitesperro7962 3 หลายเดือนก่อน

    I have done everything as you said but it doesnot work for me there are not any errors but tailwind csss desnot work

    • @CodeWithRomaen
      @CodeWithRomaen  3 หลายเดือนก่อน

      @@infinitesperro7962 that's odd. Something might have changed as the tutorial is a few months old now

    • @infinitesperro7962
      @infinitesperro7962 3 หลายเดือนก่อน

      @@CodeWithRomaen it was not running on that project only later on i created new and its running fine thanks for you guidance bud🙏🙏

  • @pollick1056
    @pollick1056 4 หลายเดือนก่อน

    I can only put one style on my text or it just doesnt work...
    this works:
    Yo
    this doesn't
    Yo

    • @CodeWithRomaen
      @CodeWithRomaen  4 หลายเดือนก่อน

      Yes font-weight seems to be a little tricky sometimes. U can refer to this doc www.nativewind.dev/tailwind/typography/font-family.
      I usually use expo-fonts to download my font say Inter-700 and use Inter-700 directly as a classname

  • @joshuaheathcote2116
    @joshuaheathcote2116 2 หลายเดือนก่อน

    I followed the instructions as well as the instructions on the website, and it isn't working. :(

    • @CodeWithRomaen
      @CodeWithRomaen  2 หลายเดือนก่อน

      @@joshuaheathcote2116 if you can send me a picture of your error or something I would be happy to take a look

  • @ninys
    @ninys 5 หลายเดือนก่อน

    thanks but its not working the the tailwind changes are not working everything is in the uperleft of my screen

    • @CodeWithRomaen
      @CodeWithRomaen  5 หลายเดือนก่อน

      If you are using expo, u can use this guide -> www.nativewind.dev/quick-starts/expo

  • @clynozibs9887
    @clynozibs9887 12 วันที่ผ่านมา

    still doesnt work for me, 58th attempt after chatgp failed too

    • @CodeWithRomaen
      @CodeWithRomaen  12 วันที่ผ่านมา

      @@clynozibs9887 this tutorial is a little outdated now. You might wanna follow this guide www.nativewind.dev/getting-started/expo-router
      I might make an updated video

  • @roopeshvetcha
    @roopeshvetcha หลายเดือนก่อน

    how do you create these type of videos

    • @CodeWithRomaen
      @CodeWithRomaen  หลายเดือนก่อน

      @@roopeshvetcha used screen studio to record. Then put them together in a video editor

  • @cr_spirit3986
    @cr_spirit3986 8 หลายเดือนก่อน

    How do I init such a project?
    I'm struggling...

    • @CodeWithRomaen
      @CodeWithRomaen  8 หลายเดือนก่อน

      Hey! I am using react native expo. If you mean how to init a simple expo project you can learn more about it here
      docs.expo.dev/

    • @cr_spirit3986
      @cr_spirit3986 8 หลายเดือนก่อน

      @@CodeWithRomaenOK tnx a lot!

  • @dannyisrael
    @dannyisrael 2 หลายเดือนก่อน

    How about for web 😬

    • @CodeWithRomaen
      @CodeWithRomaen  2 หลายเดือนก่อน

      @@dannyisrael here is the installation guide for web tailwindcss.com/docs/installation. It should be much easier to follow

  • @sonuu_20
    @sonuu_20 3 หลายเดือนก่อน

    tried this still the tailwindcss is not working...

    • @CodeWithRomaen
      @CodeWithRomaen  3 หลายเดือนก่อน

      @@sonuu_20 sorry about that. nativewind might have updated or something could be wrong. Feel free to link me anything you can show me and I can take a look

  • @KamranArisar-e4k
    @KamranArisar-e4k ปีที่แล้ว

    Sir how to use in CLI please guide sir

  • @Sean-bo2lb
    @Sean-bo2lb หลายเดือนก่อน

    I followed steps and still tailwind+nativewind not effective.

    • @CodeWithRomaen
      @CodeWithRomaen  หลายเดือนก่อน

      @@Sean-bo2lb I think there has been some new updates for tailwind and nativewind so this tutorial might be a little out of date now. Might need to make a new one

    • @Sean-bo2lb
      @Sean-bo2lb หลายเดือนก่อน

      @@CodeWithRomaen I followed this video
      th-cam.com/video/9SdmwQPblBI/w-d-xo.html
      and able to fix the problem. Main issue was confusion nativewind 4 instructions and location of files and path mentioned.

  • @topo6857
    @topo6857 หลายเดือนก่อน

    5 words, crack

    • @CodeWithRomaen
      @CodeWithRomaen  หลายเดือนก่อน

      @@topo6857 hahah thanks! 🙏

  • @thiagovianavargas3996
    @thiagovianavargas3996 9 หลายเดือนก่อน

    thanks. the one that was killing me was the app.d.ts, didn't work here too

  • @davidnsude2986
    @davidnsude2986 12 วันที่ผ่านมา

    i have gine mad trying to fix this error everytime i use nativewind, and bear in mind i use js .............. ERROR index.js: [BABEL] C:\Users\David\Documents\GitHub\Food-recipe-app\index.js: .plugins is not a valid Plugin property

    • @CodeWithRomaen
      @CodeWithRomaen  12 วันที่ผ่านมา

      @@davidnsude2986 do u have the project on a public GitHub repo? Maybe I can take a look