Breaking News: Grepper is joining You.com. Read the official announcement!

Stack Navigator React Native

MGT EDITS answered on February 14, 2023 Popularity 10/10 Helpfulness 4/10

answer Stack Navigator React Native

Stack Navigator React Native

Comment

npx expo install @react-navigation/stack

import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import componentofpage1 from "./screens/componentofpage1";
import componentofpage2 from "./screens/componentofpage2";
import componentofpage3 from "./screens/componentofpage3";

const App = () => {

  const Stack = createNativeStackNavigator();

  return (
      <NavigationContainer>
        <Stack.Navigator screenOptions={{headerShown: false}} initialRouteName="name_of_page1">
            <Stack.Screen name="name_of_page1" component={componentofpage1}/>
            <Stack.Screen name="name_of_page2" component={componentofpage2}/>
            <Stack.Screen name="name_of_page3" component={componentofpage3}/>
       	</Stack.Navigator>
      </NavigationContainer>
  );
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: java react-native stack-navigator

Link to this answer
Share Copy Link

Contributed on Feb 14 2023

MGT EDITS

0 Answers Avg Quality 2/10

Stack Navigator React Native

Contents

More Related Answers

Stack Navigator React Native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.