React Native Tutorial - Navigating Between Pages with React Navigation

Featured Full Courses:
React JS - The Complete Guide (over 150 000 devs enrolled)

React JS Web Development - The Essentials Bootcamp

The Complete React Js & Redux Course - Build Modern Web Apps

The Complete React Native + Hooks Course

React Native - The Practical Guide

The Complete JavaScript Course

More Content:

In this tutorial we're going to take a look at how to navigate between pages in your app with React Native Navigation

[faisalimtiaz]

That's the easiest navigation tutorial ever seen. Keep it up (Y)

[BrandonWaring]

Wow finally a demonstration that works locally for me. Thanks for sharing it.

[aar]

Thanks a lot, it helped me solve my issue. It is better than the react navigator site. Keep up the good work.

[mensurrasic]

simple, easy, well explained, thank you, keep it up

[mayureshpatil]

your tutorial is very clear and clean so easy to understand thanks for such great tutorial
will you make a tutorial video on implementation of react-native-fcm for push notification it will be very helpful for us.

[MrAlexinferno]

God bless you for this video! Thank you so much!
(It would be nice if you applied the code to the video. Sometimes there is no way to retype.)

[CutenewsGator]

It's fun that first 3rd of the video is just watching the installation

[vignesh]

awesome bro..thank u for a such a wonderful tutorial :-)

[yangz]

I like you starting with guys and gals! :D

[joaocardoso]

Nice tutorial, it helped me a lot. O/

[farizmamad]

Great tutorial. However, i am wondering why at the home screen the back arrow was shown after you click "navigate to Home"

[jayem]

what is that javascript babel? is that necessary? and i'm using visual studio code.

[FerySanjayaKoda]

Hello there, ive stumbled upon an issue
i add touchableOpacity to the images and add react-navigation for the test project
and the error is i place the onPress on MenuItem at
<MenuItem itemImage={require('xxx')} onPress={ () => navigate('SecondActivity') }/>
the button doesnt works, care to help me where i do wrong step ?

[justsugerbaby]

What do I do if I create a folder/file for each component/class ? Where do I put the NavigationApp variable? Sorry I'm a bit new

[georgisirakovbg]

i spend 5-6 hours today fixing this ERROR. and still can't fix it : ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.
A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

[SudhirKumar-ovee]

I am following this video, but i am using physical android device with linux (ubuntu) computer, i am not working with EXPO here, so how can i implement your this tutorial to my android. without expo?.also you said one of your comment that React-native run-android generated apk file which is not supporting in mobile....but when i installed project through react-native init app, it installed a apk file in my phone and it works properly,

[MrAlexinferno]

How to hide the navigation pane?
I need a navigator as a function, without any graphics. But I'll finish the buttons and the panel myself in the form that I need. How to do it?

[bpunlimited]

I'm getting really fed up, I have a button that when clicked, would bring me to another component, and I can't find anything.

[buwanekasudheera]

How can we add styles to the header that containes title?

[kgkrishn]

Hi..,
which emulator you are used for this demo..,

Thanks