How do I use stack navigation in React Native?

How do I use stack navigation in React Native?

To use stack navigation in React Native, you need to install the React Navigation library and set up a stack navigator.

What are the steps to install React Navigation?

You can install it using npm or yarn. Run npm install @react-navigation/native and npm install @react-navigation/stack.

Can you show me a basic example of stack navigation?

Sure! Here's a simple example:

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

What components do I need to create for the screens?

You need to create HomeScreen and DetailsScreen components. They can be simple functional components that return some JSX.