Mapview - 检查'App'的渲染方法

Question

我正在使用react native在应用程序中构建mapview。但是当我运行应用程序时出现了这个错误：

  

检查'App'的渲染方法

这段代码有什么问题？对不起，我是新来的本地人。

App.js

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

type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
        <MapView
        style={styles.map}
          provider={null}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    justifyContent: 'flex-end',
    alignItems: 'center',
  },
  map: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
  },
});

index.js

import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('newapp', () => App);

Answer 1

根据您创建应用的方式，但MapView导入不正常。 MapView不是反应原生的sdk组件。

您可以转到MapView official git hub，安装它，然后

import MapView from 'react-native-maps';

或者，您可以使用Expo MapView（如果您是从工具创建的应用）并添加以下行：

import { MapView } from 'expo';

没有安装任何其他东西。这两个版本是相同的。