ネイティブマップインテグレーションに対応する

Question

私はマップをネイティブに統合しようとしています。私は下のチュートリアルに従っています。 https://github.com/airbnb/react-native-maps

すべてのインストール手順を完了しました。 私はreact-native version : 0.44.0とreact-native-map version : 0.13.0を受け取りました react-native-linkがアンドロイドとiOSにリンクしていることを確認しました。 iosシミュレータでマップビューをレンダリングしているうちに、マップが表示されず、赤いアウトラインの空白のマップしか表示できません。

私の下のコードをチェックし、私に間違っていることを教えてください。

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

Answer 1

見ると、いくつかの高さを追加してみてくださいと... 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> 

Answer 2

のAndroidManifest.xmlでGoogle Maps APIキーを含めることを忘れないでください。