React Native Dark Theme | React Native Tutorial | Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024
  • Hello everyone 👋, today we are going to implement dark and light mode in react native using tailwindcss and stylesheet.
    make sure you like this video and subscribe the channel for more react native videos.
    Github repo : github.com/sye...
    Add TailwindCSS in React Native : • Add Tailwind CSS In Yo...
    Add Navigation in React Native : • Food Delivery App with...
    If you appreciate my work and you would like to support my channel: www.buymeacoff...
    🚨 more videos on react native:
    Food Recipe App : • 🔴 Build Food Recipe Ap...
    Movie App : • 🔴 Build Movie App Usin...
    Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
    AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
    Travel App UI : • 🔴 Travel App UI | Reac...
    Weather App : • 🔴 Build Weather App Us...
    Coffee App UI : • 🔴 Coffee App UI - Reac...
    Food Delivery App : • 🔴 Build Food Delivery ...
    TH-cam Clone App: • 🔴 TH-cam Clone - Reac...
    Login | SignUp UI : • 🔴 Login | SignUp UI - ...
    Fast Food App : • 🔴 Fast Food App UI - R...
    App Store UI : • 🔴 App Store UI - React...
    Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
    Firebase Authentication React Native: • React Native Firebase ...
    Food Delivery App : • Food Delivery App with...
    Learn React Native: • Build Expensify App Wi...
    Learn Reactjs: • Modern React For Begin...
    #expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
    react native animations
    animations in react native
    react native tutorial
    react native app
    react native tutorial for beginners
    react native project
    react native course
    react native dark theme
    react native dark mode
    react native dark and light mode
    reanimated
    animations
    ios app

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

  • @ajith007-ytb
    @ajith007-ytb ปีที่แล้ว +2

    Good one! Very helpful! Thank you!

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

    Appreciate your tutorial! I'm using expo-router and having trouble getting the dark: pseudo class to work. EVERYTHING else works, etc. Dunno if you have any recommendations there?

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

    yoo bro thank you and 400-like from me

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

    tailwindcss 3.3.2 is important

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

    Please create tutorial on how to populate dats from firebase to flatlist

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

    How am I able to get the light mode of the phone , example an iphone not neccessarily creating a toggle button but I want to work with the systems mode , whether dark or light , is that possible , how can I achieve that ?

  • @yassineboukhla6476
    @yassineboukhla6476 ปีที่แล้ว +1

    Can you do a full session on how to integrate famous ad networks (Applovin, Admob, Facebook Audience Network, Unity Ads...)? and many thanks in advance.

    • @codewithnomi
      @codewithnomi  ปีที่แล้ว +1

      Hopefully will do in future

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

    hello sir please please make video on phonepe button with activity indicator animation with reanimated 3

  • @cat.basilio
    @cat.basilio ปีที่แล้ว

    I dont understand how to persist it. Maybe you can give me a repository where you completely implemented dark mode?

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

    Absolutely wonderful! Just one question how would you use colorscheme with dynamic class like you do in className? For example className=“text-red-500”+textClass

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

      `text-red-500 ${textClass}`

  • @mohammedalihussainwaris
    @mohammedalihussainwaris ปีที่แล้ว +1

    Can you please do it with react native cli cause i had done with expo but not working with react native cli
    Thanks man

    • @codewithnomi
      @codewithnomi  ปีที่แล้ว

      it should work the same way for react native cli project

  • @kakun7238
    @kakun7238 ปีที่แล้ว

    with using the nativewind how do you configure the react navigation header how to pass the tailwind confgiured colors into it i want single constant primary color you know like data injecting

  • @aborebal4770
    @aborebal4770 ปีที่แล้ว

    Amazing man 🎉 please make a video Advance application with Firebase or Backend🤩♥️🔥

  • @jakedobler9116
    @jakedobler9116 ปีที่แล้ว

    I was following along but for some reason the text isn't being affected any ideas why that might be?

  • @sahilverma_dev
    @sahilverma_dev ปีที่แล้ว +1

    nice video brother.
    can you tell me how to make wallpaper app with react native? is it even possible or not?

    • @codewithnomi
      @codewithnomi  ปีที่แล้ว +1

      yes it is possible

    • @sahilverma_dev
      @sahilverma_dev ปีที่แล้ว

      @@codewithnomi So please can you make a tutorial on this topic? I've been looking for this for months. 🙏🙏

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 2 หลายเดือนก่อน

    Thank you so much

  • @victorhytrop
    @victorhytrop ปีที่แล้ว +1

    Hi! Which theme of VSCode do you use?

    • @codewithnomi
      @codewithnomi  ปีที่แล้ว

      it's the default dark theme

  • @vannyakh
    @vannyakh ปีที่แล้ว

    Why Lottie not support android ? you can test with expo sdk49 .

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

    How to use nativewind darkmode in react native web?

  • @woufo
    @woufo ปีที่แล้ว

    It hard for me to implement cva with react native

  • @neprianto
    @neprianto ปีที่แล้ว

    for me not working nativewind 3.3.3 nodejs 18.18

  • @devicebattlezone
    @devicebattlezone ปีที่แล้ว +1

    Lets update any tips again bro

    • @codewithnomi
      @codewithnomi  ปีที่แล้ว +1

      use async storage to store the dark mode, so that it persists after reloading the app ;)

  • @inamulhasans9461
    @inamulhasans9461 ปีที่แล้ว

    Great 🎉🎉

  • @devicebattlezone
    @devicebattlezone ปีที่แล้ว

    Nice bro

  • @AshikRahman-fw3sv
    @AshikRahman-fw3sv ปีที่แล้ว

    Full Stack developer bkash app make

  • @AshikRahman-fw3sv
    @AshikRahman-fw3sv ปีที่แล้ว

    Full Stack developer bkash apps make

  • @AshikRahman-fw3sv
    @AshikRahman-fw3sv ปีที่แล้ว

    Full Stack developer bkash app make