Question

使用下面的代码，如果我单击标记，它将导航到我提到的页面，但是我希望在标记标题而不是标记上实现此标记，有什么方法可以使标题可单击。请帮忙。

 return (
    <MapView
      style={styles.map}
      placeholder="Search location"
      minLength={2}
      region={focusRegion}
      // onPress={componentDidMount()}
      onMapReady={getLocationHandler}
      showsUserLocation={true}
      //followsUserLocation={true}
      loadingEnabled={true}
      loadingIndicatorColor={"#606060"}
    >
      {places.map((marker) => (
        <Marker
          key={marker.id}
          coordinate={{ latitude: marker.lat, longitude: marker.lng }}
          title={(marker.title)}
          onPress={() => {
            props.navigation.navigate("PlaceDetail", {
              placeTitle: marker.title,
              placeId: marker.id,
            });
          }}
        >              
            
    </MapView>
  );

Answer 1

与标注配合使用

<MapView.Callout
            title={true}
            width={210}
            onPress={() => {
              props.navigation.navigate("PlaceDetail", {
                placeTitle: marker.title,
                placeId: marker.id,
              });
            }}
          ></MapView.Callout>

在Mapview标记标题上反应本地onPress事件？

1 个答案: