最基本的反应本机地图不起作用(Expo)

时间:2019-11-20 00:23:05

标签: reactjs expo native

我试图让最基本的地图显示在我的React Native应用中,但它只显示一个空白屏幕。 这是我的代码...

import React from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
    Button
} from 'react-native';

//Import map
import MapView from 'react-native-maps';


class TodaysJobs extends React.Component {
    render() {
        return (
            <MapView
                initialRegion={{
                  latitude: 37.78825,
                  longitude: -122.4324,
                  latitudeDelta: 0.0922,
                  longitudeDelta: 0.0421,
                }}
            />
        );
    }
}

export default TodaysJobs;

const styles = StyleSheet.create({
    logo: {
        width: '60%',
        resizeMode: 'contain'
    },
    navButton: {
        width: '60%',
        marginTop: 20,
        flex: 1
    }
});

如果我尝试使用import { MapView } from 'react-native-maps';则会收到此错误...

  

警告:React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:%s。%s%s,未定义,您可能忘记了从其定义的文件中导出组件,或者您可能混淆了默认导入和命名导入。

我的app.json API如下:

"android": {
        "config": {
            "googleMaps": {
                "apiKey": "MYAPIKEYkmdsa;jfpjP(pJPOEFKm;"
            }
        }
    }

1 个答案:

答案 0 :(得分:0)

我知道我很蠢,但是该死。抱歉,我的样式尚未设置。...

mapStyle: {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
},