Routing or navigation allows applications to between different screens. Its vital to a mobile app because it provides context to user about where they’re , decouple user actions between screens and move between them, provide astate machine like model of the entire app

Navigator component

import React, { Component } from 'react';
import { Text, Navigator, TouchableHighlight } from 'react-native';
export default class NavAllDay extends Component {
render() {
<Navigator
initialRoute={{ title: 'Awesome Scene', index: 0 }}
renderScene={(route, navigator) =>
<Text>Hello {route.title}!</Text>
}
style={{padding: 100}}
/>
);
}
}

Routes to Navigator are provided as objects. you furthermore may provide a renderScene function that renders the scene for each route object. initialRoute is employed to specify the primary route.

If you like this post, don’t forget to share ūüôā

This article is written by our awesome writer
Comments to: Routing In React Native

Your email address will not be published. Required fields are marked *

Attach images - Only PNG, JPG, JPEG and GIF are supported.

New Dark Mode Is Here

Sign In to access the new Dark Mode reading option.

Join our Newsletter

Get our monthly recap with the latest news, articles and resources.

By subscribing you agree to our Privacy Policy.

Latest Articles

Explore Tutorials By Categories

About

Codeverb is simply an all in one interactive learning portal, we regularly add new topics and keep improving the existing ones, if you have any suggestions, questions, bugs issue or any other queries you can simply reach us via the contact page

Login

Welcome to Codeverb

Ready to learn something new?
Join Codeverb!

Read Smart, Save Time
  •  
    Strength indicator
  •  
  •  
    Log In | Lost Password