設置React-Native MapView觸摸事件處理程序

Question

Facebook的MapView僅用於顯示註釋（地圖標記）嗎？似乎沒有辦法爲標記觸摸事件添加事件處理程序。我必須使用類似http://react-components.com/component/react-native-mapbox-gl

Answer 1

你試過了嗎？

https://facebook.github.io/react-native/docs/mapview.html#content

Answer 2

聽到的是我的代碼工作正常

constructor(props) { 
       super(props); 
       this.state = { 
      region : {latitude: LATITUDE, 
      longitude: LONGITUDE, 
      latitudeDelta: LATITUDE_DELTA, 
      longitudeDelta: LONGITUDE_DELTA,}, 
      annotations : [], 
      }; 


     for (var i = 0; i < this.props.list.length; i++) { 
      this.state.annotations[i] = {latitude:parseFloat(this.props.list[i].latitude), 
       longitude: parseFloat(this.props.list[i].longitude), 
       animateDrop: true, 
       /*title: this.props.list[i].name, 
       subtitle: this.props.list[i].address,*/ 
       image : require('../images/icons/pharmacy-map-normal.png'), 
       id : i.toString()} 
     }; 
    } 

    render() { 
     return (
     <View> 
      <MapView 
      style={styles.map} 
      showsUserLocation={true} 
      region={this.state.region} 
      onAnnotationPress={this.onAnnotationPress} 
      annotations={this.state.annotations}> 
      </MapView> 
     </View> 
     ); 
    } 

onAnnotationPress =(annotation) =>{ 
    alert(annotation.id) 
}