标记反应原生地图无法拖动

时间:2017-05-04 09:11:24

标签: javascript react-native-android react-native-maps react-native

我'使用react-native-map air bnb在我的原生应用中呈现谷歌地图。 显示地图和标记,但标记无法拖动。 这是我的剧本

<View style={Style.mapContainer}>
            <GeoLocation onSetInitalPos={this.onSetInitialPosition}
                         onSetLastPos={this.onSetLastPosition}/>
            <MapView style={Style.map} region={this.state.region} onRegionChange={this.onRegionChange}>
                <MapView.Marker draggable={this.state.draggable}
                                coordinate={this.state.marker.latlng}
                                title={this.state.marker.title}
                                description={this.state.marker.description}
                                onDrag={() => console.log('onDrag')}
                />
            </MapView>
            <AutoCompleteMap onSetNewPlace={this.setMarkerPosition}/>
        </View>

1 个答案:

答案 0 :(得分:2)

根据import Data.Char f1 [] = 0 f1 x = if x isNumber then (if True then 1 else False) else 2 f1 x = (head x) + sum (tail x) 可拖动<{strong>的docs

  

这是一个非基于价值的道具。添加此项允许标记可拖动(重新定位)。

而不是react-native-maps,你应该像这样定义它

draggable={this.state.draggable}

这是我的项目的工作可拖动标记版本的片段。没什么好看的,只需使用Exponent Components导入MapView,而不是使用npm安装和链接。

<MapView style={Style.map} region={this.state.region} onRegionChange={this.onRegionChange}>
  <MapView.Marker
    draggable
    coordinate={this.state.marker.latlng}
    title={this.state.marker.title}
    description={this.state.marker.description}
    onDragEnd={this.onUserPinDragEnd.bind(this)} />
</MapView>

只是为了确定,您是否尝试过按住标记来拖动它?这有点慢。