在 iOS 中使用 React Native 的谷歌地图

Question

我是本机反应的新手，正在尝试向我的应用程序添加谷歌地图。

我首先安装 react-native-maps 并使用以下代码创建一个新文件。

import React from 'react';
import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';

export default class MapScreen extends React.Component  {  
        render() {    
            return ( 

                <MapView 
                provider={ PROVIDER_GOOGLE }
                style={{flex: 1}} 
                region={{
                    latitude: 54.721344, 
                    longitude: -6.199981
                }} 
                showsUserLocation={true} />
                ); 
                 }
        }

在此之后，我将以下代码添加到 ios 文件夹中的 Podfile 文件中。

target 'MapExample' do
    pod 'Yoga', path: "./node_modules/react-native/ReactCommon/yoga/Yoga.podspec"
    pod 'GoogleMaps'
end

从谷歌获取我的 api 密钥后，我打开了 Xcode 并将 AirGoogleMap 文件夹添加到我的项目中。 然后我进入我的构建设置并将“HAVE_GOOGLE_MAPS+1”添加到预处理器宏。

接下来我进入我的 AppDelegate.m 文件并添加以下几行

@import GoogleMaps;

[GMSServices provideAPIKey:@"YOUR_API_KEY"]

完成所有这些之后，我在 iOS 模拟器中运行了我的应用程序，当我这样做时，出现了如下所示的错误。

我不确定为什么会收到此错误，因为我已通过 Xcode 将 AirGoogleMap 添加到我的项目中。 有没有什么办法解决这一问题？

Answer 1

有时 pod 无法正常工作，因此您可能必须从头开始构建应用程序。 在您的问题中，我建议您仔细阅读以下链接中的说明，并在必要时使用react-native-init创建一个新项目。 然后再试一次。 最后，请注意，如果您正在使用 pod 并且当您使用 xCode 打开项目时，Libraries 部分应该是空的，并且 Target/Build Phases/Link Binary With Libraries 应该通常且大部分只包含libPods-projectname.a

https://github.com/react-native-community/react-native-maps/blob/master/docs/installation.md

Answer 2

您不能在模块外使用 import，也可以尝试重新启动整个模拟引擎。