我是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%'
}
});
答案 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
将iOS
和Android
文件夹创建到react-native
项目中的命令。