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

React native: No android folder exist after installing react-native-maps

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

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

installing 之后:

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

Android上构建配置的测试项目中没有android项目!!!!

但是应用中显示的地图:

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%'
    }
});

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

您可以使用

react-native eject

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

如果您使用 expo,则不能使用 react-native-maps,因为 expo 不允许链接本机模块。所以你有 2 个选择,要么从 expo 弹出到 bare react native 并使用 react-native-maps,要么尝试 expo 的地图 expo-maps。你必须做 expo install react-native-maps

希望对您有所帮助。如有疑问,请多多指教

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

expo eject

然后您必须为 android 项目提供包名称,例如 com.example.am