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

一个快速的解决方案是在 map 顶部添加一个与自定义搜索框高度相同的填充，以将myLocationButton推到其下方。

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

还有类似的issue in the github关于 6 个多月前提出的问题，提出了类似的解决方案:

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