web-dev-qa-db-fra.com

React Native Maps - Image de marqueur personnalisée non rendue dans les versions Android supérieures

Les images ne sont pas affichées sur les marqueurs.

Bonjour, je développe une application pour Android à l'aide de React-Native, qui utilise le package react-native-maps .

Toutes les plates-formes fonctionnent sans problème, sauf sur Android 7.1+.

Toutes les images contenues dans les marqueurs ne sont pas affichées/chargées

Dans Marker Component, il existe un accessoire appelé "image" qui ne peut être utilisé qu'avec des images locales. mais dans mon cas, j'ai besoin de restituer l'URL d'image distante, je ne suis donc pas en mesure d'utiliser cet accessoire. J'ai donc décidé d'utiliser un marqueur personnalisé . Il fonctionnait bien jusqu'à ce que je teste mon application dans la version Android supérieure. 

 Here you can see the callout but the image is not rendered

 

javascriptandroidgoogle-mapsreact-nativereact-native-maps
4
Littlebird

Il a été résolu depuis, réagit-native-maps nouvelle mise à jour qui inclut le correctif. Alors maintenant, je suis capable de rendre des images dynamiques dans des cartes

1
Littlebird

Utilisez prop pour définir l’image pour le marqueur. Cela fonctionne pour les versions Android 7+

return (
            <MapView.Marker
              key={`marker-${index}`}
              coordinate={{ latitude: Number(latitude), longitude: Number(longitude) }}
              onPress={options.onPress ? () => options.onPress(marker) : false}
              image={icons[marker.type] || icons.default}
              style={styles.marker}
              identifier={marker._id}
            />
        );
1
Prashant ranjan