2017-09-10 2 views
0

J'ai utilisé les cartes airbnb/react-native-maps pour concevoir une application basée sur le suivi. J'ai conçu une boîte de recherche personnalisée. Mais le problème est, la boîte de recherche chevauche mon bouton de localisation. Est-il possible de personnaliser mon bouton de localisation et de changer sa position d'alignement? J'ai joint une photo pour plus de spécifications.Personnalisation de mon bouton de localisation dans airbnb/react-native-maps

Voici l'exemple de code que je l'ai utilisé

    <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> 

enter image description here

Répondre

0

Une solution rapide serait d'ajouter un rembourrage en haut de votre carte à la hauteur de votre custom-search-box pour pousser le myLocationButton dessous. J'ai parcouru Docs mais je n'ai trouvé aucun moyen de personnaliser sa position ou son alignement.

Il y a un même issue in the github au sujet de ce permis d'amasser plus de 6 mois qui suggère la solution similaire:

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

+0

J'ai vu cette question. Mais dans mon cas, ce n'est pas approprié. De plus, je veux juste personnaliser myLocationButton. Et besoin d'aide pour le faire – bpsourav