Question

在React Navigation v5中，我正在为这种“显然”的简单情况而苦苦挣扎。任何帮助表示赞赏。

我有一个嵌套在堆栈导航器中的堆栈导航器，并且只想自定义嵌套的导航器，但是我一辈子都无法使用它。实际上，我唯一可以做的定制就是在最上面的Stack.Navigator上使用screenOptions或在我称为组件的下一行使用options。这两个选项都将更改所有嵌套屏幕的标题。我什至无法为AuthenticationStack ...

中的每个屏幕设置自定义标题

谢谢！


const AppStack = () => (
  <Stack.Navigator initialRouteName="Authentication">
    <Stack.Screen name="Authentication" component={AuthenticationStack} />
    <Stack.Screen
      name="TabStack"
      component={TabStack}
    />
  </Stack.Navigator>
)

const AuthStack = createStackNavigator()

const AuthenticationStack = () => {
  return (
    <AuthStack.Navigator>
      <AuthStack.Screen
        name="Authentication"
        component={AuthenticationScreen}
        options={{ headerTransparent: true }}
      />
      <AuthStack.Screen name="RecoverPassword" component={RecoverPasswordScreen} />
      <AuthStack.Screen name="RecoverPasswordSentMail" component={RecoverPasswordSentMailScreen} />
      <AuthStack.Screen name="ResetPassword" component={ResetPasswordScreen} />
      <AuthStack.Screen name="RequestNewLink" component={RequestNewLinkScreen} />
    </AuthStack.Navigator>
  )
}```

在React Navigation v5中更改嵌套堆栈导航器的标头

0 个答案: