React Native Navigation is a module, dependent on and intended to be used alongside React Native, so some experience with it and knowledge of core concepts is required. We also assume you are working on a Mac with XCode and Android Studio installed and setup. You can also make it work in a Linux distribution, of course, but in that case bear in mind that some sections of the docs that deal with iOS might not be relevant to you. When your app is launched for the first time, the bundle is parsed and executed. At this point you need to display your UI. To do so, listen to the appLaunched event and call Navigation.setRoot when that event is received. When your app is launched, RN makes sure JS context (which is what enables you to execute JavaScript code) is running. There are quite a few differences between iOS and Android in this regard.
Features
- React Native Navigation's stack layout lets you push screens, and also navigate back to previous screens
- Screens pushed into the stack hide the previous screen in the stack, making the user focus on a single screen at a time
- You can specify options of each layout (Stack, component pushed into a stack, etc.) to configure various parameters
- After pushing a screen, a back button is added automatically to the TopBar so the users can navigate easily back to the previous screen
- Themes are applied via the Navigation.setDefaultOptions() command
- Options can be applied directly to components