【问题标题】:Implement gestureHandling "cooperative" (two fingers to pan) to React-Native-Maps对 React-Native-Maps 实施手势处理“合作”(两根手指平移)
【发布时间】:2018-06-13 15:27:44
【问题描述】:

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

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

【问题讨论】:

    标签: react-native-maps


    【解决方案1】:

    我遇到了同样的问题:

    • 在地图上禁用单指平移
    • 在地图上启用两指平移/缩放

    为此,您可以使用此配置:

    <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>
    

    请注意,要使这项工作有效,重要的是如何与两指交互。例如,如果您将两根手指水平放置并开始向上/向下移动(没有任何俯仰),它会开始改变地图视角,而不是平移。

    因此,请确保在放开两根手指后,您立即开始有一点音高(=缩放),然后在手指周围移动以产生平移效果。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-10-23
      • 2015-02-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多