How do I implement a back button in React Navigation v6?

How do I implement a back button in React Navigation v6?

To implement a back button in React Navigation v6, you can use the HeaderBackButton component.

Can you show me a code example?

Sure! Here's a simple example:

import { HeaderBackButton } from '@react-navigation/elements';

function MyScreen({ navigation }) {
  return (
    <HeaderBackButton onPress={() => navigation.goBack()} />
  );
}

What if I want to customize the back button?

You can customize the HeaderBackButton by passing props like label, tintColor, and style to change its appearance.

Is there a way to disable the back button?

Yes, you can disable the back button by using the navigation.setOptions method to set headerLeft: null.