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

Question

我正在尝试在 native react 中使用 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 中却不是。在 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
他们使用 new XMLHttpRequest();但是 fetch()也可以。它是 web api，我认为您不需要运行任何外部 javascript/加载任何外部 js 文件。