0

我创建了一个反应原生项目，我正在尝试使用 Android 地图。正如 Facebook react native 页面中所建议的，我正在使用 airbnb react-native-maps 包。我按照说明在清单中添加了我的 google api 密钥。在 iOS 中它运行良好，但在 Android 上它给了我一个警告并且它没有向我显示地图：“警告：'RCTMap' 的本机组件不存在”。这是我的代码：

import React, { Component } from 'react';
import { Text, View, TouchableHighlight, MapView } from 'react-native';
import Header from '../common/header';
import HomeStyleSheet from '../../style/home/homeStyleSheet';

export default class Results extends Component{

  //...


  render(){

    return (
      <View style={{ marginTop: 20 }}>
        <Header headerText='RESULTS'>
        </Header>
          <MapView
            style={{ height: 300, marginLeft: 0, marginRight: 0 }}
            showsUserLocation={true}
            region={{
              latitude: 43.683470,
              longitude: -79.318006,
              latitudeDelta: 0.03,
              longitudeDelta:0.03
            }}/>
        <View style={{ height: 5, backgroundColor: 'blue' }}/>
      </View>
    );
  }
}

我究竟做错了什么？为什么我会收到警告？我在这里搜索了类似的问题，但几乎每个人都说要使用 airbnb react-native-maps（我也这样做了）。感谢大家

4

1 回答 1

0

我可以结束这个问题。在我为使其工作所做的所有更改之间，我没有意识到我是从“react-native”而不是“react-native-maps”导入 MapView。解决它：

import MapView from 'react-native-maps';

于 2017-03-25T19:01:09.900 回答