언제나 공식문서가 해법! https://reactnavigation.org/docs/stack-navigator/#animations
IOS에는 true가 디폴트이다, Android는 false, Web은 지원 불가
옆으로 슬라이드해서 뒤로가는 동작 허용여부
Nest Navigation일 때 다른 Stack에서 이동해올 경우 Nesting Navigation 참고
아래와 내부Stack이 아닌 바깥 Stack에서 옵션을 달아 줘야 한다.
<Stack.Screen name="MakeCampaginStack" component={MakeCampaginStack} **options={{ gestureEnabled: false}}** />
<Stack.Navigator screenOptions={{ headerTitleStyle: { fontFamily: "SCDream5", fontSize: 15 }, headerBackTitleVisible: false }}>
<Stack.Screen
name="MakeCampagin"
component={MakeCampagin}
// 여기 말고
options={{ **options={{ gestureEnabled: false}},** headerTitle: "캠페인 만들기", headerLeft: CloseIcon }}
/>
<Stack.Screen
name="MakePinPoint"
component={MakePinPoint}
options={{ headerTitle: "핀포인트 만들기" }}
/>
//...
</Stack.Navigator>
<Stack.Screen name="MakeCampaginStack" component={MakeCampaginStack}
options={{ gestureEnabled: false, **cardStyleInterpolator: CardStyleInterpolators.forVerticalIOS** }} />
아래와 같이 X
로 된 모달창은 아래에서 위로 에니메이션되는게 정석