Dark Theme in React Native Tutorial | Switch Between Light & Dark Theme

[@gauthamvijayan]

Finally Understood everything about themes in React Native. Thanks a lot!

[@dannylake1968]

Thanks for your efforts - this series has been great!

[@Nayco.o]

your are the godof coding, never stop the react native mobile app code on youtube !!!

[@DestinationDub]

This was a really wonderful tutorial... I learned SO much here!! Thanks a lot, Pradip!

[@username-t1x]

Awesome tutorial, thank you Pradip!

[@landiboyy]

Omg, this is more useful than the Udemy courses!!. Just a question, I saw that you're using Drawer Navigation from React Native Paper, but I couldn't find a video where you explain that, just the Drawer from React Navigation

[@landiboyy]

Forget it, I found it... I love your channel!

[@PriyaPriya-uy3od]

You are great and well hearted to serve others👏👏👏👏👏👏

[@onizuka_js1484]

Thanks a lot for your video! Really helpful!

[@rakeshpk4991]

Your videos are really helful. Thanks you very much.

[@SangNguyen-bn6nn]

Great Tutorial! Thank you very much!

[@quegiangson3786]

Finally :) . Great thanks !

[@itzpradip]

Enjoy!

[@programmingpython584]

UI of your app looks pretty cool. Can you please suggest some libraries for frontend styling?

[@maxaquilino7264]

Good clear video as usual. With my App though it does not seem to work for some reasons. When I assign DarkTheme to the container the screen does not turn black, nothing changes. My container wraps another component which then includes the Drawer.Navigator but it does not seem to propagate. I'm using Expo, maybe thats the reason...

[@RenatoColossuss]

Truly and I want to congratulate and thank

[@itzpradip]

Thanks for your comment & support.

[@rutulmehta307]

How to use useTheme() hook in class component ? Can you make one video on that too.Dark theme using with class component ?

[@karkivlog143]

There is withTheme HOC use that

[@کوروشافشار-ي6ح]

so so so goooooood. thanks man

[@yusuft.3587]

Thanks so thanks you are a good man

[@ddutta2025]

Great tutorial series. Thank you

[@itzpradip]

Glad you like them!

[@JevgeniFenko]

Hi! You have very good tutorials. The only thing I miss is how to pass user data from api to drawer section, where we have avatar and user data. I can put them into async storage, but don't know how to get them and pass to the drawer.

[@webknowledgeentertainment]

Thank you for your sharing, really appreciate

[@miguelangelmaidana9663]

Greetings from Argentina! Excellent tutorial! A very good one could be to connect this same login to a BACKEND to authenticate and log in users of a database. with Node and Mongoose it would be great! I send you a big hug

[@thahashahrod]

I would recommend trying aws cognito or firebase auth

[@Ankitkumar-vw1zz]

your all videos are awesome sir

[@itzpradip]

Thank you so much 😀

[@Ankitkumar-vw1zz]

@@itzpradip sir please make a video on creating an api and registration

[@urazeem]

Excellent work! Sir please make a video tutorial on installing React Native without Android Studio so that I can run your projects which are so informative thankyou.

[@abdifaishal6562]

have android phone? if so then you can find the installation on google how to use your real android device which is doesn't need android studio

[@ankitraut7365]

Hi Pradip ... Will you please create 1 video on where we will face issues creating an component with Class based approach... That will be appreciate 👍

[@ryanrayworld]

Awesome! Just 1 question though, how to implement highlighting, icon and text custom color of drawer items based on current screen? For instance your in Home screen, your icon and text color is different for other drawer items and when you go to Profile screen, the profile drawer item will change color as well. Again dark theme is also implemented. Thanks in advance!

[@aftabufaq373]

Hello sir. i have a question. i want to create a separate file for the functions used in useMemo() . how can i do this. please help me. i am stuck with this.

[@IsaacGFlores]

Hi there! Your tutorials are great, I have learned a lot. Thanks a lot! I'm having problems on android, I get this error and I can't fix it. I use react-native with android studio and windows. The error it always throws me is: ERROR Invariant Violation: An error was thrown when attempting to render log messages via LogBox. requireNativeComponent: "RCTScrollContentView" was not found in the UIManager.

[@mrmaurice8951]

Very nice tutorial. How would you store this in Asyncstorage and check when app is launched if user has previous selected to turn on dark theme? Looking forward to your reply Pradip. Keep up the good work! 💪👍

[@deepakchahar21]

nice tutorial bro, please upload more topics like API call, curd operations, video player custom, payment gateway(Indian), etc

[@itzpradip]

Thanks for suggestion. I'll try my best to cover these topics

[@manmohangupta6905]

good content! Can you plz make videos to show logged in user data in drawer menu using context api so that we can access every where in project . thanks for making these type of videos , I subscribed your channel .

[@gauravtewari4134]

Awesome work

[@viettl469]

great content bro, tks!

[@itzpradip]

My pleasure!

[@reidelgonzalezpaz4079]

wow, excelent idea!!!!!! LIKEEEEEEE!!!!

[@GamingZone11]

but i have a question how to hide bottom tab when keyboard open in parent bottom tab screen. when using custom bottom tab component

[@chiragprajapati6312]

heyyy , i have been following you and this tutorial from many days, I have one question, I'm using redux and react-navigation 5, I make a function logoutuser in action file , how do use it in drawer to sign out user, please help

[@matthewhall7489]

Don't use Redux, is obsolete, useContext!

[@lilabajrami]

how do we get the username of the logged in user (via AuthContext) and display on the drawer navigation?

[@GamingZone11]

excellent work :)

[@HaidarDzaky]

can you tell me how to change bottom bar color too ?

[@carloshenriquefonseca8459]

Niceee! Keep it going

[@emyboybeats4330]

what UI library did you use??

[@itzpradip]

React native paper which is installed during react navigation 5 install

[@BuwanekaSirinath]

Good work .. keep it up (y)

[@Thetiogamez]

hi i'm going through work because i can't save it in asyncStorage npm has a tutorial saving the theme

[@maesema]

Excellent!

[@hassanforever11]

Sir add otp authentication also along with otp component creation tutorial in this playlist it would be very helpful thanx in advance

[@santiagoalbornoz7955]

Can you add a video with changing dark and light mode in react navigation 4?

[@Quick_Code]

Nice but you can do it with context to change theme easly. And asynstroage for save theme status next time when start. Thank me later.

[@chiragprajapati6312]

hey after the app closed and i start app again dark theme gone, how to fix it???

[@anonymoussloth6687]

Hi, could you share a resource that specifies how to do this?

[@anonymoussloth6687]

Hi, did you find a solution to your problem? If so, can you share the solution with me too?

[@Quick_Code]

@@chiragprajapati6312 you can check it on splash screen. If asuncstroage have 1 the change theme.

[@Quick_Code]

@@anonymoussloth6687 you can save the theme mode in asyncstroage. When evere user change theme the context data change and also asyncstroage data change.now if user quit app you have saved theme mode in asyncstroage.when user come back by default theme is light.then on splash screen in use effect faction get data from asyncstroage.now check the which theme user selected.if he selected dark then change the theme. Otherwise dont do anything because by defense its get light theme

[@hurley3483]

Hello friend, excellent video, only when the application in ios comes in the background it has a bug that loses views and header, how can I fix it?

[@willyhorizont8672]

thanks sir

[@khurramgill7858]

please make a video on how to get access to mobile camera by clicking a button in react native app screen

[@shamilion]

Very nice

[@MuhammadUsman-pi7xm]

How to change project in expo.... index.js file how to implement in expo

[@gururajmoger8649]

Pls do more ui with animation

[@itzpradip]

Sure I'll do

[@pranjitmedhi6764]

Please keep the mic near your mouth. You are inaudible.