로 이동합니다 여러 인스턴스를 방지의 내가이 화면이 있다고 가정 해 봅시다 : 흰색 툴팁에 사용자가 클릭, 그것은 다른 화면으로 리디렉션 할 때네비게이션 반응 : 같은 화면
을합니다. 때로는 앱이 조금 뒤처지고 툴팁을 클릭하면 화면이 바뀌는 것을 ~ 2 초 정도 걸릴 수 있습니다. 문제는이 2 초 동안 사용자 이이 툴팁에을 다시 두드리면 문제가 발생한다는 것입니다.
그리고 결과는 StackNavigator에 새 화면의 인스턴스가 두 개인 경우입니다. 내 말은 내 새 화면이 보이지만 "뒤로"를 클릭하면이 '히치 하이킹지도'화면으로 돌아 가지 않고 같은 화면의 다른 인스턴스로 돌아갑니다.
2 초 동안 설명 선에서 5 번 클릭하면지도 화면으로 돌아가려면 5 번 "뒤로"를 클릭해야합니다. 그걸 막을 방법이 있니? 하나의 인스턴스 만 StackNavigator에 넣으려면?
React Navigation, 더 정확하게는 StackNavigator를 사용하고 있습니다.
은 "툴팁 클릭"부분 :
<MapView.Marker
onCalloutPress={() => this.props.navigation.navigate('spotDetails', { spotId: marker.id })}
/>
내 화면 : 여기 내 코드의
const HMapNavigator = StackNavigator({
HMap: { screen: HMapViewContainer },
spotDetails: { screen: SpotDetailsViewContainer },
});