如何使用 React native 在 IOS 地图上启用居中标记？

Question

我正在使用来自 react-native-maps 的地图组件，我在其中显示了很多标记，但是每当点击 Android 上的标记时，标记就会被点击自动居中，而 IOS.

中不存在此行为

有没有办法让标记在 IOS 中也居中，或者至少从 Android[= 禁用它22=]。我想在两个操作系统中有相同的行为。

任何帮助或想法将不胜感激。

Answer 1

您可以设置

<MapView
moveOnMarkerPress={false}
...
/>

这将禁用 android-behavior，或者您可以在 iOS 上处理 MarkerPress 并将 MapView 居中，如下所示：

 <MapView
    ...
    ref={ref => {
       this.map = ref;
    }}
    >
      {this.state.markers.map(marker => (
        <Marker
          ...
          onSelect=(({coordinate}) =>  this.map.animateCamera({center: coordinate}, { duration: 2000 }))
        />
      ))}
    </MapView>

如何使用 React native 在 IOS 地图上启用居中标记？

How to enable centering Marker on Map in IOS using React native?

compatibility

android

ios

react-native

react-native-maps