react-native-maps ist leer auf ios

Question

ich habe gerade mit react-native-maps begonnen, wenn ich meinen code starte bekomme ich einen leeren bildschirm auf meinem iPhone6 ​​Plus simulator.

Ich ging durch Blank Map #118 Problem. Ich habe npm link Befehl ausgeführt, aber immer noch bin ich mit dem gleichen Problem konfrontiert.

unten ist mein Code:

import React, { Component } from 'react'; 
import { 
AppRegistry, 
StyleSheet, 
View, 
} from 'react-native'; 
import Api from './src/api'; 
import MapView from 'react-native-maps'; 

const styles = StyleSheet.create({ 
container: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0, 
    justifyContent: 'flex-end', 
    alignItems: 'center', 
}, 
map: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0, 
}, 
}); 

class weather extends Component { 

constructor() { 
    super(); 
} 

render() { 
    return (
    <MapView 
    style={ styles.map } 
    initialRegion={{ 
     latitude: 37.78825, 
     longitude: -122.4324, 
     latitudeDelta: 0.0922, 
     longitudeDelta: 0.0421, 
    }} 
    /> 
); 
} 
} 

Unterhalb der, wenn i npm link

Ashok$ npm link 
weather@0.0.1 /Users/Ashok/weather 
└── react-native-maps@0.7.1 

/usr/local/Cellar/node/6.1.0/libexec/npm/lib/node_modules/weather -> /Users/Ashok/weather 

Answer 1

wieder von Grund auf neu zu installieren Versuchen Sie laufen setzen ist aber nicht geben Sie lauten die Reaktionen Native Link, nicht nur, nachdem Sie Ihre Ordner aus node_modules gezogen haben, erstellt Ihre Poddatei und Pod-Installation.

Answer 2

1 - Stellen Sie sicher, dass Sie laufen:

• react-native link
• react-native run-ios

2 - Sicherstellen, dass die google_api_key korrekt ist und aktiviert ist.

Referenz: https://github.com/airbnb/react-native-maps/blob/master/docs/installation.md