Wie Google Map zur Umsetzung der im nativen Android reagieren (React-Ureinwohner-Maps)

Question

Ich habe das Reagieren Native-Karten-Bibliothek von https://github.com/lelandrichardson/react-native-maps/blob/master/docs/installation.md

alle der Einträufeln Schritte befolgt ich habe mit, aber ich habe Immer noch ein leerer Bildschirm (der gesamte Reaktivbildschirm ist weiß, als würde nichts gerendert).

Wenn ich jedoch versuche, ein Element zu reagieren, erscheint Text. Da meine Map nicht angezeigt wird, ist das Ergebnis meiner Implementierung der Library kein Problem mit react.

Hier ist mein Code für die index.android.js Seite

/** 
* Sample React Native App 
* https://github.com/facebook/react-native 
* @flow 
*/ 

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 
import MapView from 'react-native-maps'; 

class roads extends Component { 
    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: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
map: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    }, 
}); 

AppRegistry.registerComponent('roads',() => roads); 

Ich erhalte diese Fehlermeldung auch auf meinem Handy

warning encountered 4 times. 
Show Stacktrace 
Unable to symbolicate stack trace: The stack is null 

Dies ist der nächste Thread ich gefunden habe, in Bezug auf den Fehler, aber es sollte behoben sein ... https://github.com/facebook/react-native/issues/8311

Ich habe auch meine Berechtigungen für meine API-Schlüssel auf die Google-Entwickler Nachteile überprüft ole und ich kann meine Karte immer noch nicht anzeigen lassen (sie sagt, dass sie API-Anfragen erhält). Kennt jemand Google Maps in meine App?

Answer 1

Die Map-Komponente erhält keine Eigenschaften, die zur Bestimmung ihrer Größe verwendet werden können. Daher ist es 0x0 Pixel groß und nicht zu sehen. Um dies Sie zu beheben müssen eine dieser Eigenschaften zu styles.map hinzuzufügen:

• flex
• Höhe & Breite
• rechts & Boden