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方法代码？

animateToRegion on MapView中可触摸组件的onPress

1 个答案: