反应导航自己的标题组件

Question

我创建了一个自己的头文件，将其用作堆栈屏幕中的标题。

它向我显示了文件，但也显示了静态数据。它的覆盖，现在我有 2 个标题和 2 个按钮。我做错了什么？

import HeaderAuth from '../shared/headerAuth';
...
...
export function Home() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={TabBar} />
        <Stack.Screen name="addProduct" component={EmptyScreen} />
        <Stack.Screen name="AuthRegister" component={AuthRegister}
         options={
          ({ navigation }) => ({
            headerStyle: {
              elevation: 0,
              shadowOpacity: 0,
              flexDirection: 'row',
              justifyContent: 'space-between'
            },
            headerLeft: () => <HeaderAuth />,
        })} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

非常感谢您的帮助！！