How to access NavigatorScreen > options inside Screen component?

Question

Is there any way I could access navigator-screen options object inside Home component ?

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

Home

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

I'm using react-navigation 5

Answer 1

you can use navigation.setOptions for your home screen

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

for more detals you can read this documentation screen options