react-native - React-native：如何在不单击 react-native-maps 中的标记的情况下显示工具提示

Question

我正在使用 react-native-maps 模块。我已经给出了 lat 和 long 值，并且我使用 MapView.Marker 在单击标记时显示标记和工具提示。

但是，现在我想在最初加载地图时不点击标记来显示工具提示。

这是我的代码：

<View style={styles.page}>
        <MapView
          ref="map"
          style={styles.map}
          region={this.state.region}
          provider = {PROVIDER_DEFAULT}
          zoomEnabled={true}
          onRegionChange={this.onRegionChange.bind(this)}
          pitchEnabled={true}
          showsCompass={true}
          liteMode={false}
          showsBuildings={true}
          showsTraffic={true}
          showsIndoors={true}
        >
        <MapView.Marker
      coordinate={this.state.marker.latlng}
      title={this.state.marker.title}
      description={this.state.marker.description}
      image={require('./assets/pin.png')}

    />

        </MapView>
      </View>

任何人都可以帮助如何解决这个问题...

Answer 1

我找不到关于 MapView 的任何类型的 onLoad 道具的任何文档，所以我按照这里的建议使用了 onLayout 。您将需要使用标记的showCallout 方法来显示工具提示。为此，请为标记添加一个 ref，然后您可以在 MapView 的 onLayout 中使用它。

<View style={styles.page}>
    <MapView
        ref="map"
        style={styles.map}
        region={this.state.region}
        provider = {PROVIDER_DEFAULT}
        zoomEnabled={true}
        onRegionChange={this.onRegionChange.bind(this)}
        pitchEnabled={true}
        showsCompass={true}
        liteMode={false}
        showsBuildings={true}
        showsTraffic={true}
        showsIndoors={true}
        onLayout={() => { this.mark.showCallout(); }}
    >
        <MapView.Marker
            ref={ref => { this.mark = ref; }}
            coordinate={this.state.marker.latlng}
            title={this.state.marker.title}
            description={this.state.marker.description}
            image={require('./assets/pin.png')}
        />
    </MapView>
</View>