Réagissez l'intégration de la carte native

J'essaie d'intégrer la carte dans la réaction native. Je suis le tutoriel ci-dessous. https://github.com/airbnb/react-native-maps Réagissez l'intégration de la carte native

J'ai suivi toutes les instructions d'installation. J'utilise react-native version : 0.44.0 et react-native-map version : 0.13.0 Je me suis assuré que react-native-link est lié à android et iOS. Lors du rendu de la carte dans le simulateur ios, la carte ne s'affiche pas et seule une carte vierge avec un contour rouge s'affiche.

S'il vous plaît vérifier mon code ci-dessous et laissez-moi savoir, où je me trompe.

var MapView = require('react-native-maps'); 
<MapView 
    initialRegion={{ 
    latitude: 37.78825, 
    longitude: -122.4324, 
    latitudeDelta: 0.0922, 
    longitudeDelta: 0.0421, 
    }} 
/>

Source

2017-08-10 Sambit Prakash

Je vous suggère de vérifier si cela fonctionne pour vous avec Genymotion en premier. Utilisez-vous un émulateur ou un périphérique physique? –

Essayez d'ajouter une vue et des hauteurs et ... StyleSheet.absoluteFillObject

<View style={{height:400}}> 
    <MapView 
     style={{ ...StyleSheet.absoluteFillObject,height:400 }} 
     initialRegion={{ 
      latitude: 37.78825, 
      longitude: -122.4324, 
      latitudeDelta: 0.0922, 
      longitudeDelta: 0.0421, 
     }} 
    /> 
</View>

Source

2017-08-10 21:00:46

Bonjour, @jeremie, merci de répondre. Désolé de vous dire que ça ne marche pas pour moi. J'ai déjà parcouru ce code. aussi je mets à jour la version de reac-native-map à 0.16.0. Mais il n'y a pas d'effet. –

Enfin, j'ai résolu ce problème après la mise à jour RN à 0.47.1. également mettre à jour la version de carte à 0.16.1. Maintenant, ça fonctionne bien. –

Rappelez-vous d'inclure votre clé API Google Maps dans le AndroidManifest.xml.

Source

2017-08-17 09:57:57

Réagissez l'intégration de la carte native

Répondre

Questions connexes