react-native-maps 在 ios 上为空白

Posted 2023-03-15

【中文标题】react-native-maps 在 ios 上为空白

【英文标题】：react-native-maps is blank on ios

【发布时间】：2016-08-05 08:28:04

【问题描述】：

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

我经历了Blank Map #118 问题。我执行了npm linkcommand，但我仍然面临同样的问题。

下面是我的代码：

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

【参考方案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

【参考方案2】：

再次尝试从头开始安装，但如果不是在您从 node_modules 拖动文件夹、创建 podfile 和 pod install 之后，不要给您 react-native 链接。