React native:安装react-native-maps后不存在android文件夹

时间:2019-12-24 11:46:55

标签: react-native expo react-native-maps

我是React Native的初学者,我正在使用EXPO创建React Native项目。

在我的测试应用程序中,我想使用react native maps

installing之后:

npm install react-native-maps --save-exact

我的测试项目中没有android项目,用于在Android上构建配置 !!!!

enter image description here

但是应用程序中显示的地图:

import React from 'react';
import {
    View,
    StyleSheet,
    Platform
} from 'react-native';
import MapView from 'react-native-maps';

const region = {
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
}

export default TrackingScreen = props => {
    return (
        <View>
            <MapView
                style={styles.map}
                region={region} />
        </View>
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
    },
    map: {
        width: '100%',
        height: '100%'
    }
});

4 个答案:

答案 0 :(得分:1)

如果您正在使用react-native-maps,则不能使用expo,因为coz expo不允许链接本机模块。因此,您有2种选择,要么从expo弹出到本机裸反应,然后使用react-native-maps,要么尝试expo expo-maps的映射。在那里,您必须做expo install react-native-maps

希望它有助于消除疑惑。

答案 1 :(得分:0)

您只安装了React Native Maps包,仍然需要将其链接到您的Android项目。请参阅以下说明:https://github.com/react-native-community/react-native-maps/blob/master/docs/installation.md#build-configuration-on-android

答案 2 :(得分:0)

如果您的项目是基于 Expo 的,请使用以下命令

expo eject

然后你必须为 com.example.am 之类的 android 项目提供包名

答案 3 :(得分:-2)

您可以使用

react-native eject

iOSAndroid文件夹创建到react-native项目中的命令。