gpt4 book ai didi

react-native-maps - 实现gestureHandling "cooperative"(两指平移)到React-Native-Maps

转载 作者:行者123 更新时间:2023-12-03 14:57:07 25 4
gpt4 key购买 nike

我将如何实现用户必须使用两根手指使用 react-native-maps 平移 map 的功能?看起来他们没有手势处理功能。我不一定需要一个完整的答案,只需要一些想法来为我指明正确的方向。除了基本的 onPress 之外,我也没有看到非常全面的手势库。

https://github.com/react-community/react-native-maps/blob/master/docs/mapview.md

最佳答案

我遇到了我想要的同样问题:

  • 在 map 上禁用单指平移
  • 在 map 上启用双指平移/缩放

  • 为此,您可以使用此配置:
    <MapboxGL.MapView
    style={[styles.map, style]}
    styleURL={styleURL}
    logoEnabled={false}
    attributionEnabled={false}
    scrollEnabled={false} // <-- Disables one-finger panning
    pitchEnabled={false} // <--- Enable two-finger zooming + panning
    rotateEnabled={false}

    >
    // ....
    </MapboxGL.MapView>
    请注意,要使这项工作有效,重要的是您如何与两个手指进行交互。例如,如果您将两个手指水平放置并开始向上/向下移动(没有任何俯仰),它会开始改变 map 视角,而不是平移。
    因此,请确保在放置两个手指后,立即开始一点音调(=缩放),然后在手指周围移动以产生平移效果。

    关于react-native-maps - 实现gestureHandling "cooperative"(两指平移)到React-Native-Maps,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50840992/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com