In this tutorial, we will be learning about how to set up navigation in React Native app.
Now, as we moved further with the previous concepts, we will be using the real time examples.
We will explain our files and folders in below list −
There are lot of things that are certain to happen in a example.
We will also pass navigator and ...route.passProps so we can access everything inside rendered component.
NavigationBar − We are using NavigationBarRouteMapper prop in order to add title and buttons for navigation bar. Left button will be used as a back button while right button will only be present if route.openMenu exists. We will learn more on this, inside Home component.
Home is our container component. We need to pass goToAbout prop to HomeButton. Remember openMenu: this.openMenu inside push function. This will let Menu button on About screen.
HomeButton is presentational component which handles styling and calls goToAbout function passed as a prop from HomeContainer.
About is just an empty component.
Connect Router is used to router inside our app, we will place it inside index.ios.js and index.android.js
index.ios.js and index.android.js
React Native Related Interview Questions
|Agile Testing Interview Questions||Android Interview Questions|
|IOS Interview Questions||Scrum Interview Questions|
|ReactJS Interview Questions||Agile Scrum Master Interview Questions|
|Agile Ux Designer Interview Questions||Agile Methodology Interview Questions|
|iOS Development with Swift 2 Interview Questions||UI Designer Interview Questions|
All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.