React Navigation 5 in React Native (Part 2) - Hooks and Themes

preview_player
Показать описание

00:00 - Intro
01:25 - useNavigation and useRoute hooks
04:29 - useFocusEffect hook
08:11 - useNavigationState to see the entire state of your Navigation object (including things like the screen index and route names)
10:45 - useIsFocus to determine if the current screen is shown
12:50 - Theming your navigators
13:54 - Using the react-native-appearance library to hook into your phone's current color scheme. ( Light or dark)
18:04 - Creating a custom theme.

*If you want to follow along and code with this video from beginning to end, clone the Github repo and work on the code from the master branch. The link is below.

Рекомендации по теме
Комментарии
Автор

You are really good at explaining! Thanks a lot

Gleb-qu
Автор

How to solve this err "ExceptionsManager.js:179 TypeError: Cannot read property 'navigate' of undefined" when I use navigation.navigate ? Tks

inhthainguyen
Автор

Hi, Thanks for Nice video. Can you create nested drawer navigation video?

pavanmarutibhoot
Автор

Yeah.. please cover all the latest things of React Native like this🤩👌

tamishkhurana
Автор

Following you, your videos are really great!

olliphpsw
Автор

Great tutorial. Please suggest how to change bottom tab icon color based on active/inactive. Secondly, how to change background color of individual bottom tab based on active/inactive. Thank you so much :)

aliakram
Автор

Super interesting tutorial, thank you so much!

cristianluna
Автор

im using expo and the useColorScheme() doesn't work?? i changed my iphone to dark theme and in the expo it's still in light (Default) theme.
Edit: Nvm, i forgot to add the userinterfacestyle in app.json

StarBattle
Автор

how to call the components again when navigates back?

nishadpatil
Автор

Just found your channel, this is some awesome content!

syedaminx
Автор

Great Videos, I've been reluctant to transfer from v3 to v5 for a long long time, your videos made this transition pretty easy thanks man

ahmadsabry
Автор

something is really bugging me, and im new to this react native navigation. When I click different screens in the drawer menu, the first screen transitions from right to left but other two screen will transition from left to right when I open them. Doesnt have to be the first screen, just one of them will be opposite direction from the rest. I feel like this is related to the stack navigation but idk

alimodz
Автор

Hey Curry! How can I add those Icons to the material bottom tab?

leonardogomes
Автор

hello sir.. on a seperate note... which is the music you have used in the intro of your video ?
Also, your intro of logo and tagline with that music is super awesome

cooollldude
Автор

Getting this error "Couldn't find a navigation object. Is your component inside a screen in a navigator?" while using useNavigation in a functional component. Check handling interaction section in the below link.

gaddeabhinav
Автор

Help full !But How to navigate from Detail Screen to exact Tab 3 or Tab 2? @Coding with Curry

ayazpriceless
Автор

Can you make a video on how to make a voice to text app in android for React Native?

shivammahajan
Автор

i have error when click on top tabs " invariant violation :element type is invalid expected a string (for built in components)"

afifalfahmi