How do I customize the header options in React Navigation v6?

How do I customize the header options in React Navigation v6?

You can customize the header options by using the screenOptions prop in your navigator. What specific options are you looking to change?

I want to change the title and add a button to the header.

You can set the title using headerTitle and add a button using headerRight. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

<Stack.Navigator>
  <Stack.Screen 
    name="Home" 
    component={HomeScreen} 
    options={{
      headerTitle: 'My Home',
      headerRight: () => (
        <Button
          onPress={() => alert('Button pressed!')}
          title="Info"
        />
      ),
    }}
  />
</Stack.Navigator>