Question

我创建了一个react本机项目，我正在尝试使用Android的地图。我正在使用airbnb react-native-maps包，正如Facebook反应原生页面中所建议的那样。我按照说明操作，在清单中添加了我的google api密钥。在iOS中，它可以很好地工作，但是在Android上它会给我一个警告，它不会向我显示地图：＆＃34;警告：RCTMap的原生组件＆＃39;不存在＆＃34;。这是我的代码：

＆＃13;

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>
    );
  }
}

＆＃13;

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

Answer 1

我可以关闭这个问题。在我为使其工作所做的所有更改之间，我没有意识到我正在从＆＃39; react-native＆＃39;中导入MapView。而不是＆＃39; react-native-maps＆＃39;。修正了它：

＆＃13;

import MapView from 'react-native-maps';

＆＃13;

Android警告：＆＃34; RCTMap＆＃34;的原生组件不存在

1 个答案: