상황

MakePinPointModal 스크린을 추가할 때, 수정할 때 활용하려 한다.

// 새로운 핀포인트 작성할 때
mainNav.navigate("ModalStack", { screen: 'MakePinPointModal' })
// 기존 핀포인트를 수정
mainNav.navigate("ModalStack", { screen: 'MakePinPointModal', params: {pinpoint: item, editIndex: idx} })

따라서 수정할 때와 만들 때의 Header Title 이 다르게 나타 나길 원한다.

<Stack.Screen 
    name="MakePinPointModal" 
    component={MakePinPointModal} 
    options={{ headerTitle: "핀포인트 만들기", headerBackTitleVisible: false }}

useEffect(() => {
		if(pinpoint === undefined)
        return;
    if(editIndex !== undefined){
        nav.setOptions({headerTitle: "핀포인트 수정하기"})
    }
}, [pinpoint])

• 중요한건 option 안에 있는 headerTitle 이 통일해야 한다.