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

Question

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

Answer 1

如果您使用的是expo，则不能使用react-native-maps，因为世博会不允许链接本机模块。所以你有 2 个选项，要么从 expo 弹出到裸反应本机并使用 react-native-maps，要么尝试使用 expo expo-maps 的地图。你必须这样做expo install react-native-maps

希望对您有所帮助。如有疑问，请随意

Answer 2

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

Answer 3

如果你的项目是基于 Expo 的，那么使用下面的命令

expo eject

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

Answer 4

你可以使用

react-native eject

将iOS 和Android 文件夹创建到react-native 项目中的命令。