react native navigate code example

Example 1: react navigation

//dependencies
npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

//for stack navigator,drawer,material bottom tab,react-native paper
npm install @react-navigation/stack @react-navigation/drawer @react-navigation/material-bottom-tabs react-native-paper

Example 2: navigation in react native

import { useNavigation } from '@react-navigation/native';

const navigation = useNavigation();
navigation.navigate('WallScreen')

Example 3: react native navigation

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

Example 4: react native navigation

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>
  );
};

Example 5: react navigation

npm install @react-navigation/native