reactjs - 在 airbnb/react-native-maps 中自定义我的位置按钮

Question

我使用 airbnb/react-native-maps 来设计基于跟踪的应用程序。我设计了一个自定义搜索框。但问题是，搜索框与我的位置按钮重叠。有什么方法可以自定义我的位置按钮并更改其对齐位置？我附上了一张照片以获得更多规格。

这是我使用的示例代码

 <MapView
    provider={PROVIDER_GOOGLE}
    style={styles.map}
    region={{
        latitude: this.props.initialPosition.latitude,
        longitude: this.props.initialPosition.longitude,
        latitudeDelta: Latitude_Delta,
        longitudeDelta: Longitude_Delta
    }}
    zoomEnabled={true}
    minZoomLevel={5}
    maxZoomLevel={20}
    showsMyLocationButton={true}
    showsUserLocation={true}
    ... ... ...
   >
   {... ... ... ...}
 </MapView>

Answer 1

一个快速的解决方案是在地图顶部添加一个填充，其高度与您的高度相同，custom-search-box以推动其myLocationButton下方。

我浏览了它的文档，但找不到任何方法来自定义它的位置或对齐方式。

github 中有一个类似的问题，关于 6 个多月前提出的这个问题，它提出了类似的解决方案：

https://github.com/airbnb/react-native-maps/issues/1094