Remove back button from header in React Native and React Navigation

Question

Tried these two ways, but none worked:

options={{
  headerLeft: () => {
     return null}
}}

// method 2
screenOptions={{
   headerLeft: null,
}}

Answer 1

You could do it for all screens or for one of them like so:

<Stack.Navigator
  // For all screens inside this Stack Navigator
  screenOptions={{
    headerBackVisible: false,
  }}
>
  <Stack.Screen
    // For the login screen inside this Stack Navigator
    options={{ headerBackVisible: false }}
    component={LoginScreen}
    name="Login"
  />
</Stack.Navigator>