Question

我正在处理React本机地图，并且在地图上添加View后，地图没有在滚动中移动。通常，当我向下或向上滚动时，我会看到地图的不同部分。但是，添加View时，地图被固定在一个位置，而我看不到地图的不同部分。

 <MapView
      provider={PROVIDER_GOOGLE}
      initialRegion={this.state.region}
      showsUserLocation = {true}
      ref="map"
      >
      <View
        style={{flex: 3,  alignSelf: 'stretch',
    textAlign: 'center'}}
    >
     <Button title="click here"/>
    </View>

      </MapView>

我之所以需要view的原因是添加了其他组件，例如按钮输入字段等。

Answer 1

docs说，您需要绝对定位要在地图上添加其他视图的组件

绝对定位这些元素。

Answer 2

尝试一下

render() {
return (
<MapView
region={this.state.region}
/>
<OverlayComponent
style={{position: “absolute”, bottom: 50}}
/>
);
}

地图视图不会滚动

2 个答案: