ReactNative视口随GoogleMaps地理位置搜索变化

Question

我正在使用ReactNative和GoogleMaps API（通过Airbnb）。我实施了GoogleMaps地理定位搜索，并且收到经纬度为经纬度的响应。

现在我无法重新渲染地图以显示搜索纬度/长度。

迄今为止解决这个问题我曾尝试：

• 更改的MapView
• 的区域属性更改的MapView
• 的onChange和地区的不同组合的initialRegion属性状态的状态，没有一个工作。

希望听到下一步尝试的建议 - 你可以找到我的完整代码here。

Answer 1

你可以改变你的代码是这样

render() { 
return (
    <View style={styles.container}> // add a container view with absolute position same as map 
    <MapView 
    provider={ PROVIDER_GOOGLE } 
    style={styles.container} 
    region={this.state.locationCoordinates} // change from initialRegion to region 
    zoomEnabled={true} 
    scrollEnabled={true} 
    > 
     <MapView.Marker 
     coordinate={{ 
     latitude: 37.7749, 
     longitude: -122.4194, 
     }} 
    /> 
    </MapView> 
    <View style={styles.inputContainer}> // remove input container from inside the MapView 
     <TextInput 
     placeholder="Where to?" 
     style={ styles.input } 
     onChangeText={this.handleLocationInput} 
     value={this.state.locationInput} 
     onSubmitEditing={this.handleSubmit.bind(this)} 
     /> 
    </View> 
    </View> 
); 
}