Question

showsMyLocationButton选项在iOS上不起作用。最初，该按钮也未在Android上显示，但在实现github问题中建议的破解（强制重新渲染）后，我得到了显示。

如何在iOS上显示按钮？我应该自己制作按钮吗？

<MapView
  style={styles.map, { flex: 1, marginBottom: this.state.marginBottom }}
  onMapReady={this._onMapReady}
  initialRegion={initialRegion}
  showsUserLocation={true}
  //onPanDrag={e => console.log(e.nativeEvent)}
  followsUserLocation={true}
  showsMyLocationButton={true}
 >

react-native-maps：0.21.0

反应：16.4.1

Answer 1

通过执行以下操作来实现我自己的按钮：https://github.com/react-community/react-native-maps/issues/209#issuecomment-350907665

Answer 2

我定义了提供方来映射，如下所示：

provider={MapView.PROVIDER_GOOGLE}

在MapView中现在一切正常。

Answer 3

您还可以将MapView包裹到View中，设置 style 并添加onMapReady，如下所示：

  <View style={{paddingTop: this.state.paddingTop}}> 
    <MapView

      ...

      onMapReady={() => {
        this.setState({ paddingTop: 5 })
      }}

      ...

    </MapView>
  </View>

但是有点脏。

ShowsMyLocationButton在iOS上不显示（react-native-maps）

3 个答案: