如何访问 Screen 组件内的 NavigatorScreen > 选项？

Question

有什么方法可以访问组件options内的导航器屏幕对象Home吗？

    <Stack.Navigator>
        <Stack.Screen
            name="Home"
            component={Home}
            options={
                {
                    /** some options... */
                }
            }
        />
        <Stack.Screen name="About" component={About} />
    </Stack.Navigator>

家

function Home() {
    /** Get options object here */
    return (
        /** some jsx */
    );
}

我正在使用反应导航5

Answer 1

您可以用于navigation.setOptions主屏幕

function Home({ navigation, route }) {
  React.useLayoutEffect(() => {
    navigation.setOptions({ headerTitle: getHeaderTitle(route) });
  }, [navigation, route]);
}

有关更多详细信息，您可以阅读此文档屏幕选项