animateToRegion on on Press上的可触摸组件 在 MapView 中

Question

在每个项目中都有存储在Redux中的纬度和经度。我的目标是当我按下它时，它将导航到它的坐标或经纬度。

这是我的代码：

onPressAnimateToRegion = () => {
const {latitude, longitude} = this.props.eventsState;
this.map.animateToRegion({
latitude,
longitude,
latitudeDelta: this.state.focusedLocation.latitudeDelta,
longitudeDelta: this.state.focusedLocation.longitudeDelta
})
}
<Animated.FlatList
horizontal
scrollEventThrottle={1}
// pagingEnabled={true}
showsHorizontalScrollIndicator={false}
snapToInterval={SNAP_INTERVAL}
style={styles.scrollView}
contentContainerStyle={styles.endPadding}
data={this.props.eventsState}
keyExtractor={item => item.id}
renderItem={(itemData) => (
<View style={styles.event}>
<View style={styles.touchable}>
<TouchableCmp 
onPress={this.onPressAnimateToRegion}
useForeground
>
<View>
<ImageBackground source={{uri: itemData.item.imageUrl}} style={styles.image}>
<View style={styles.textContainer}>
<Text numberOfLines={1} style={styles.title}>{itemData.item.title}</Text>
<Text numberOfLines={2} style={styles.description}>{itemData.item.description}</Text>
</View>
</ImageBackground>
</View>
</TouchableCmp>
</View>
</View>
)}
/>

Answer 1

您能否添加您的地图代码以及onPressAnimateToRegion方法代码？