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

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

To implement a back button in React Navigation v5, you can use the HeaderBackButton component from @react-navigation/elements. You can place it in your header options.

Can you show me a code example?

Sure! Here's a simple example:

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

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

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.