如何在React Native中加载Google Places API？

Question

我正在尝试在本地本机中使用Google Places API。我首先尝试使用fetch直接发出请求，但我只是看到您必须使用Google提供的现有类/对象，例如PlacesService。搜索包含您的API对象的React Native库只会显示一些具有自动完成功能的库，而没有太多其他的库。

Places API文档说使用以下URL加载库： <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>

对于我来说，这在常规的Web开发人员中是直截了当的，但在React Native中却不是。在React Native中加载这样的库的标准过程是什么？

现在，我已经将上面链接中的JS内容复制并粘贴到了我的React Native项目中的文件中。但是，我什至不知道如何导出它，因为我无法真正分辨出对象/函数的名称。谷歌 ？谷歌地图 ？

现在我正在做：

export default google.maps

并尝试了

export default google

但是这些都抛出此错误：

cannot read property 'createElement' of undefined

这是我的第一个React Native项目，所以如果这是一个基本问题，我感到抱歉。

谢谢您的帮助。

Answer 1

but I just saw that you have to use the existing classes/objects provided by Google

我不确定你的意思是什么。Places api 可以通过 fetch/api 请求来完成。看看react-native-google-places它是如何实现的https://github.com/FaridSafi/react-native-google-places-autocomplete/blob/master/GooglePlacesAutocomplete.js#L227 他们使用 anew XMLHttpRequest();但fetch()也可以工作。它是 Web api，我认为您不需要运行任何外部 javascript/加载任何外部 js 文件。