How do I use header buttons in React Navigation?

How do I use header buttons in React Navigation?

You can use the headerRight and headerLeft options in your screen's navigation options to add buttons.

Can you show me an example of adding a button to the header?

Sure! Here's a simple example:

navigation.setOptions({
  headerRight: () => (
    <Button
      onPress={() => alert('Button pressed!')}
      title='Info'
    />
  ),
});

What if I want to customize the button's style?

You can use a custom component instead of the default Button. Just create your own button and use it in headerRight.

Is it possible to add multiple buttons?

Yes, you can add multiple buttons by returning an array of components in headerRight or headerLeft.