React Native：从导航堆栈中删除后退按钮？

Question

所以我有一个导航堆栈，不断向其中添加页面。用户可以转到上一页或下一页。就像注册页面一样。

例如，这是一个具有3个屏幕的页面（上一页，当前页，下一页）

function MyStack() {
  const Stack = createStackNavigator();
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Current"
        component={ContentFunction}
        options={{headerTransparent: true, headerTitle: ''}}
      />
      <Stack.Screen name="Back" component={BackFunction} />
      <Stack.Screen
        name="Next"
        component={FirstNamePage}
        options={{
          headerTransparent: true,
          headerTitle: '',
          headerBackTitle: 'Gender',
        }}
      />
    </Stack.Navigator>
  );
}

问题是，这些按钮彼此堆叠。见下文。

我需要删除旧按钮，但是我不知道该怎么做。当然，我可以通过设置来做到这一点：

   <Stack.Screen
        name="Next"
        component={FirstNamePage}
        options={{
          headerLeft: null
        }}
      />

但是除非执行该特定功能，否则我无法执行此操作。我该怎么做呢？

Answer 1

尝试一下

    <Stack.Navigator
      screenOptions={{
        headerShown: false
      }}
    >

  <Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>

参考：-Hide header in stack navigator React navigation