- onRegionChange
- onRegionChangeStart
- onRegionChangeComplete
- onPress
- onPanDrag
Окружающая среда
- react-native: 0.80.1
- react-native-maps: 1.23.2 или 1.26.0 (пробовал обе версии)
- Платформа: Android
Когда пользователь перетаскивает или масштабирует карту, onRegionChange / onRegionChangeComplete должен сработать.
Фрагмент кода
import React, { useCallback, useRef } from 'react';
import { View, StyleSheet, Platform } from 'react-native';
import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';
const DEFAULT_REGION = {
latitude: 19.076,
longitude: 72.8777,
latitudeDelta: 0.05,
longitudeDelta: 0.05,
};
export default function MapEventIssue() {
const mapRef = useRef(null);
const onRegionChange = useCallback(region => {
console.log('onRegionChange', region);
}, []);
const onRegionChangeComplete = useCallback(region => {
console.log('onRegionChangeComplete', region);
}, []);
return (
{/* Center pin overlay */}
);
}
const styles = StyleSheet.create({
container: { flex: 1 },
map: { flex: 1 },
pinContainer: {
...StyleSheet.absoluteFillObject,
justifyContent: 'center',
alignItems: 'center',
},
// Android-specific overlay
pinContainerAndroid: {
position: 'absolute',
width: 48,
height: 48,
left: '50%',
top: '50%',
marginLeft: -24,
marginTop: -24,
},
pin: {
width: 32,
height: 32,
marginTop: -24,
borderRadius: 16,
borderWidth: 3,
borderColor: '#1976D2',
backgroundColor: '#fff',
elevation: 4,
},
});
Подробнее здесь: https://stackoverflow.com/questions/798 ... ative-maps
Мобильная версия