在iOS上react-native-maps为空白

Question

我在运行代码时刚开始使用react-native-maps，但在iPhone6 Plus模拟器上却出现黑屏。

我经历了空白地图＃118问题。 我使用了npm link命令，但仍然遇到同样的问题。

下面是我的代码：

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,
    }}
  />
  );
 }
}

下面是我运行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

1-确保您运行：

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

2-确保google_api_key正确且已启用。

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

Answer 2

请重新尝试从头开始安装，但如果不只是从node_modules拖动文件夹，创建podfile和pod安装之后，就不要给您提供react-native链接。