Как передать реквизит в стек, навигатор реагирует на родную

Question

Мне известно об использовании

navigation.navigate('screen', {someProps: ...})

при необходимости перехода на другой экран.

Однако экран, к которому я перемещаюсь, вызывается в моем навигаторе стека, когда заголовок ярлык кликается, а не на исходном экране (следовательно, у меня нет доступа к реквизиту для передачи)

  const HomeStack = createStackNavigator();
  function HomeStackScreen({ navigation }) {

  return (
    <HomeStack.Navigator>

    <HomeStack.Screen name="Goal Details" component={GoalDetails}
      options={{
        headerRight: () => (
          <Button
            onPress={() => navigation.navigation('Edit Goal')}
            title="Edit"
            color="white"
          />
        ),
      }}/>
   <HomeStack.Screen name="Edit Goal" component={EditGoal} /> 
</HomeStack.Navigator>
);
}

Код выше определен в моем приложении. js, и я не Убедитесь, как передать информацию, связанную с целью (которая загружена в GoalDetails. js), в EditGoal. Я имею в виду просто наличие кнопки, которую я могу нажать, чтобы я мог перемещаться в GoalDetails, а не определять ее в приложении. js, но я также хотел бы использовать пробел в строке заголовка.

Спасибо