Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactNative/Expo错误,元素类型无效?_Javascript_Reactjs - Fatal编程技术网

Javascript ReactNative/Expo错误,元素类型无效?

Javascript ReactNative/Expo错误,元素类型无效?,javascript,reactjs,Javascript,Reactjs,我正在尝试一些新的项目使用MapView等,我不明白为什么我得到这个错误。“元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。”编译时一切都应该很好,请有人帮我解决这个问题!非常感谢您的帮助,谢谢 App.js: import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { MapView, Permissions, Location

我正在尝试一些新的项目使用MapView等,我不明白为什么我得到这个错误。“元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。”编译时一切都应该很好,请有人帮我解决这个问题!非常感谢您的帮助,谢谢

App.js:

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { MapView, Permissions, Location } from 'expo';

export default class App extends React.Component {
  constructor(props){
    super(props);
    this.state = {
    region: {
      latitude: 37.7885,
      longitude: -122.4324,
      latitudeDelta: 0.922,
      longitudeDelta: 0.0421,
    }
  }
}


  _getLocationAsync = async () => {
    let {status} = await Permissions.askAsync(Permissions.LOCATION);
      if(status !== 'granted')
        console.log('No se tienen permisos para acceder al gps');
    let location = await Location.getCurrentPositionAsync({enableHighAccuracy: true});
    
    let region={
      latitude: location.coords.latitude,
      longitude: location.coords.longitude,
      latitudeDelta: 0.0045,
      longitudeDelta: 0.0045,
    }
    this.setState({region: region})
  }
  render() {
    return (
      <View style={styles.container}>
       <MapView
          initialRegion ={this.state.region}
          showUserLocation={true} 
          showCompass={true}
          rotateEnabled={false}
          style={{flex: 1}}
        />        
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});
从“React”导入React;
从“react native”导入{样式表、文本、视图};
从“expo”导入{MapView,权限,位置};
导出默认类App扩展React.Component{
建造师(道具){
超级(道具);
此.state={
地区:{
纬度:37.7885,
经度:-122.4324,
纬度德尔塔:0.922,
纵向德尔塔:0.0421,
}
}
}
_getLocationAsync=async()=>{
让{status}=wait Permissions.askAsync(Permissions.LOCATION);
如果(状态!=“已授予”)
console.log(‘无许可证’);
let location=wait location.getCurrentPositionAsync({enableHighAccurance:true});
let区域={
纬度:location.coords.latitude,
经度:location.coords.longitude,
纬度德尔塔:0.0045,
纵向德尔塔:0.0045,
}
this.setState({region:region})
}
render(){
返回(
);
}
}
const styles=StyleSheet.create({
容器:{
弹性:1,
},
});
的导入来自一个单独的包:

import MapView from 'react-native-maps';