Пустая карта при использовании MapView в native-native

Question

Я пытаюсь реализовать компонент MapView в своем приложении для реагирования, но когда я запускаю приложение, все, что я получаю, это пустой квадрат, на котором должна быть карта (в окружении красного границы.

Я использую genymotion и у меня есть сервисы Google Play установлены.

Это то, что мой компонент выглядит ...

class MainMap extends Component { 
    constructor() { 
    super(); 
    } 
    render(){ 
     return (
      <View style={styles.container}> 
      <MapView 
     style={ styles.map } 
     initialRegion={{ 
      latitude: 37.78825, 
      longitude: -122.4324, 
      latitudeDelta: 0.0922, 
      longitudeDelta: 0.0421, 
     }} 
     /> 
    </View> 
     ) 
    } 
} 


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

function mapStateToProps(state) { 
    return { 
     users: state.users 
    }; 
} 

export default connect(mapStateToProps)(MainMap); 

Почему это не работает? есть ли я настроить что-то еще в эмуляторе? я заметил, что это проблема повторения для Android, но я не могу найти четкое решение.

Answer 1

MapView поддерживается только на iOS.
https://facebook.github.io/react-native/docs/mapview.html

Использование react-native-maps для кроссплатформенной поддержки.