2016-08-05 4 views
0

Я только что начал с реактивных карт, когда я запускаю свой код. Я получаю пустой экран на моем симуляторе iPhone6 ​​Plus.real-native-maps is blank on ios

Я прошел через Blank Map #118 вопрос. i excuted 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 
[email protected] /Users/Ashok/weather 
└── [email protected] 

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

ответ

0

Попробуйте снова установить с нуля, но не дают вам реагирующего родная ссылка, если не сразу после того, как вы перетащили свои папки из node_modules, создали ваш podfile и pod install.

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

+1

Хотя эта ссылка может ответить на этот вопрос, то лучше включить основные части ответа здесь и предоставить ссылку для справки. Ответные ссылки могут стать недействительными, если связанная страница изменится. - [Из обзора] (/ review/low-quality-posts/15199032) –

+0

Спасибо, Самуил, я отредактировал свой ответ –