How To Use Routing with React Navigation in React Native ?

1.	How To Use Routing with React Navigation in React Native ?
Answer» One of the popular libraries for routing and navigation in a React NATIVE application is React Navigation. This library HELPS solve the problem of navigating between MULTIPLE screens and sharing data between them. import * as React from 'react';import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/stack';const Stack = createStackNavigator();const MyStack = () => { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="HOME" component={HomeScreen} options={{ title: 'Welcome' }} /> <Stack.Screen name="Profile" component={ProfileScreen} /> </Stack.Navigator> </NavigationContainer> );};

Answer»

One of the popular libraries for routing and navigation in a React NATIVE application is React Navigation.

This library HELPS solve the problem of navigating between MULTIPLE screens and sharing data between them.

import * as React from 'react';import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/stack';const Stack = createStackNavigator();const MyStack = () => { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="HOME" component={HomeScreen} options={{ title: 'Welcome' }} /> <Stack.Screen name="Profile" component={ProfileScreen} /> </Stack.Navigator> </NavigationContainer> );};

Discussion

No Comment Found

Related InterviewSolutions

Explain Async Storage in React Native and also define when to use it and when to not?
What are the Different Ways to style React Native Application ?
How To Use Routing with React Navigation in React Native ?
Explain FlatList components, what are its key features along with a code sample ?
What are Touchable components in react Native and which one to use when ?
How can you write different code for IOS and Android in the same code base ? Is there any module available for this ?
What is ListView and describe its use in React Native ?
Name core Components in React Native and the analogy of those components when compared with the web .
What is a bridge and why is it used in React Native ? Explain for both android and IOS ?
How is the entire React Native code processed to show the final output on a mobile screen