How can I customize navigation in my React Native app?

How can I customize navigation in my React Native app?

You can customize navigation in React Native using libraries like React Navigation. What specific features are you looking to customize?

I want to change the header style and add some icons.

You can customize the header by using the headerStyle and headerTintColor properties in your navigator. For icons, you can use libraries like React Native Vector Icons.

Can you show me an example of how to implement that?

Sure! Here's a simple example:

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

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen 
          name="Home" 
          component={HomeScreen} 
          options={{
            headerStyle: { backgroundColor: '#f4511e' },
            headerTintColor: '#fff',
            headerTitleStyle: { fontWeight: 'bold' },
          }}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

This will give you a customized header!