alternate for google places autocomplete for react native项目？
对于React Native项目中的Google Places自动完成的替代方案，可以考虑使用以下解决方案：
- React Native Maps Autocomplete：React Native Maps Autocomplete是一个基于React Native Maps的库，提供了一个自动完成的输入框，可以用于搜索地点并显示结果。它使用Google Places API来获取地点数据。您可以在GitHub上找到该库的源代码和使用示例：React Native Maps Autocomplete
- React Native Google Places Autocomplete：React Native Google Places Autocomplete是另一个可选方案，它提供了一个自动完成的输入框，可以使用Google Places API搜索地点并显示结果。您可以在GitHub上找到该库的源代码和使用示例：React Native Google Places Autocomplete
这些库都提供了类似Google Places Autocomplete的功能，可以让用户在输入框中搜索地点并自动完成。您可以根据项目需求选择其中一个库来使用。
相关·内容
1回答
我在我的react本机项目上使用这个Google。
我的代码：
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete'
<GooglePlacesAutocomplete placeholder='Search'
query={{key:'',components: 'country:us'}}
onPress={(data, details) => {
浏览 2提问于2022-01-25得票数 0
我已经在我的项目中包含了react-native-google-places-autocomplete，就像Github中记录的那样，但它并没有像预期的那样呈现建议。Github上提供的示例足够了吗?或者我应该添加其他东西吗？
以下是我的代码(我的API包含在我的原始代码中)，它几乎与相同
import React from "react";
import {
Button,
Text,
Image,
TextInput,
TouchableOpacity,
View,
StyleSheet
} from "react-native"
浏览 0提问于2019-11-21得票数 1
我无法使用react Native autocomplete npm包，并且我一直收到这个错误" react - native -google-places-autocomplete unable to resolve module path/custom/left-icon“我正在使用react Native V0.44.0，我做错了什么？
import React from 'react';
import { View, Image } from 'react-native';
import { GooglePlacesAutocomple
浏览 0提问于2018-01-15得票数 3
我在我的React Native App中有这样的政策：
违反Android广告ID政策和开发商分发协议第4.8节
表单Google Play
我使用这个依赖项
"dependencies": {
"lodash": "^4.17.10",
"react": "16.3.1",
"react-native": "0.55.3",
"react-native-device-info": "^0.21.5",
"react-na
浏览 0提问于2018-09-23得票数 3
回答已采纳
我是react-native的新手，现在面临着这个问题： google-places-autocomplete在视图中包装时不起作用(滚动条不显示)，当我删除视图时它起作用.. 控制台日志不显示任何内容，android模拟器显示其他内容。 帮助some1？无论如何，还是要感谢:) import React,{useState} from 'react';
import FormCity from '../components/FormCity';
import {View,Text} from 'react-native';
const ad
浏览 16提问于2021-01-03得票数 1
1回答
我使用react-native- google - places -autocomplete来实现google places的自动完成。我正在创建一个新页面来编辑地址，并希望在编辑之前使用setAddressText函数插入最后一个当前地址。
我试图创建一个引用并将其存储在google autocomplete组件的redux中，但由于这个搜索栏仅在单击编辑按钮时呈现，引用尚未创建，并且我无法在引用上使用setAddressText。
有谁有解决这个问题的办法吗？
浏览 5提问于2021-02-18得票数 0
我想在用户使用react-native-google-places-autocomplete搜索位置时生成一个标记。我正在使用expo react native。目前，标记设置在固定位置。我希望它被设置为基于用户通过react-native-google-places-autocomplete给出的输入。我如何才能做到这一点？下面是我的代码： <View>
<GooglePlacesAutocomplete
placeholder=""
query={{
浏览 27提问于2021-04-16得票数 1
回答已采纳
我想限制我的搜索仅限于我的城市内的地方，任何帮助都将不胜感激
我正在使用=> FaridSafi/react-native-google-places-autocomplete
谢谢
浏览 11提问于2018-03-04得票数 0
嗨，我得到了错误，而我是通过命令编译代码，但代码运行使用Android Studio.Below的错误信息
bundling: UnableToResolveError: Unable to resolve module `react-native/Libraries/Renderer/shims/ReactNativePropRegistry` from `/home/rahul/React/Android /trixie/trixie/node_modules/native-base/dist/src/Utils/computeProps.js`: Module does not exis
浏览 0提问于2017-09-12得票数 1
3回答
我有一个可以工作的<TextInput>
<TextInput
placeholder="Location"
value={props.locationInput.toString()}
onChangeText={location => props.updateLocationInput(location)}
/>
props.locationInput最初是''的，但一旦应用程序启动，就会触发几个异步函数，并获取用户的当前位置，这些位置将填充props.locationInput (在
浏览 3提问于2017-05-04得票数 7
当我尝试将Google places api安装到我的react原生项目中并构建该项目时，它抛出了以下错误：
* What went wrong:
Could not determine the dependencies of task ':react-native-google-places:compileDebugAidl'.
> Could not resolve all task dependencies for configuration ':react-native-google-places:debugCompileClasspath'.
浏览 30提问于2019-07-26得票数 0
我正在尝试在我的react项目中使用react-places-autocomplete。它要求使用Google Maps JavaScript API。我使用以下代码将其包含在内： componentDidMount() {
const googleMapsScriptEl = document.createElement('script');
googleMapsScriptEl.src = 'https://maps.googleapis.com/maps/api/js?key=APIKey&libraries=places';
浏览 57提问于2020-07-25得票数 0
4回答
我使用react-native-google-places-autocomplete来选择一个位置。我想提取选定的位置，并在其他组件中使用它。
我如何保存地址？
这是我的密码
import React, {Component} from 'react';
import { View, Image, Text, StyleSheet } from 'react-native';
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';
浏览 0提问于2018-07-18得票数 6
我有这些数据，我也想得到latitudeDelta/longitudeDelta
geometry:{
location:{
lat:35.7212504,
lng:51.36276979999999
},
viewport:{
northeast:{lat: 35.7290254, lng: 51.380868},
southwest:{lat: 35.7004529, lng: 51.3492823},
}
}
我将使用这些数据来获取latitudeDelta/longitudeDelta，当然
浏览 69提问于2018-06-30得票数 1
回答已采纳
1回答
我正在为我的地图输入文本，使用世博会位置API (地理编码)搜索给定的位置。我的问题是，我想做一个自动补全的位置...就像这个组件
有什么想法吗？我不使用react-native-google-places-autocomplete，因为上面有"Powered by Google“的徽标。
Pd:谷歌版权标志在地图的底部。
浏览 0提问于2020-06-17得票数 0
react-native-google- places -autocomplete不工作，我面临多个问题1. places下拉菜单没有显示2.根本没有触发onPress处理程序
注意:所有google location api均已启用，google maps api、places api和geocode api均已启用，并提供了有效的api密钥。
我尝试了互联网上所有可用的解决方案1.将zIndex: 1000设置为较高的值，以避免它隐藏在其他视图后面2.尝试创建新的RN应用程序，并仅添加此组件以保持项目的整洁3.参考了其他
下面是代码片段
<GooglePlacesAutocomple
浏览 0提问于2020-01-28得票数 8
1回答
我正在构建一个基于位置的iOS应用程序，使用react-native-maps和react-native-google-places-autocomplete。
在我的代码中，首先是搜索条形码，其次是地图代码--这就是搜索条在地图顶部呈现的结果。问题是，我无法移动地图，因为搜索栏组件似乎有一个透明的元素占据整个屏幕。当搜索栏被移除时，我可以移动地图。我怎样才能让搜索栏在地图的顶部，也移动地图。
我欢迎做我想做的事情的其他方法/更好的方法。
import React, { Component } from 'react';
import {
AppRegistry,
St
浏览 0提问于2017-04-30得票数 2
回答已采纳
我正在开发一个react原生应用程序，使用react- native -google-places-autocomplete。我想自定义它的列表视图，这样它就像一个模型，而不是所有其他组件。目前，当我们搜索一个位置时，列表视图会显示在其他组件下。如何让它位于下面所有其他组件的顶部是我的代码。 <GooglePlacesAutocomplete
placeholder='Search'
minLength={2} // minimum length of text to search
autoFocus={false}
浏览 10提问于2019-06-26得票数 1
我已经为我的地址字段实现了自动完成，但是从Google Maps places autocomplete返回的json不包括这些地点的地理编码坐标。 有一些答案似乎并不合适。例如，this one指的是像google.maps.places.Autocomplete(input, options);这样的东西，我认为这在React Native中是不存在的。 其他答案似乎是基于react-native-google-places-autocomplete的，但我自己实现了这个，我不想再使用这个模块了。 下面是我调用API的方法。 async handleAddressChange() {
浏览 65提问于2019-04-23得票数 1
回答已采纳
在我的react原生应用程序中，我使用react-native-google-places-autocomplete插件进行谷歌搜索，因此在iOS中，默认情况下，图像https://github.com/FaridSafi/react-native-google-places-autocomplete下方的搜索栏中会出现灰色图标，用于取消复选框 ? 我的代码如下 <GooglePlacesAutocomplete
placeholder={props.placeholder}
onPress={(data, details = null) => props.onP
浏览 73提问于2021-09-23得票数 0
回答已采纳
我尝试在使用useRef提交表单后自动清除TextInput。 const inputRef = useRef() 这显示了一个属性列表。但是，以下命令不起作用： const clearInput = () => {
inputRef.current.value = ""
} 它显示value不存在。 我目前使用的是react-native-google-places-autocomplete： <GooglePlacesAutocomplete
ref={inputRef}
placeholder='Sea
浏览 43提问于2020-01-09得票数 0
回答已采纳
我正在尝试使用带有Google Places API的React Hooks来自动完成位置搜索，找到该位置的Google Place ID，然后使用该值更新我的组件状态。
我有了Google API，并且我能够获得Place ID，但是我不确定如何从我所在的函数更新我的状态
function onMapsLoad() {
// init autocomplete
const autocomplete = new window.google.maps.places.Autocomplete(document.getElementsByClassName('search')
浏览 11提问于2019-07-26得票数 0
回答已采纳
1回答
import React, {Component} from 'react';
import {Platform,StyleSheet,Text,View,TouchableOpacity,Alert,Image,Button} from 'react-native';
import { Dialog } from 'react-native-simple-dialogs';
import AsyncStorage from '@react-native-community/async-storage';
import MapV
浏览 0提问于2019-04-15得票数 0
任务:react-native-google-places:compileDebugRenderscript失败
出了什么问题:无法解析配置':react-native-google-places:debugCompileClasspath'.的所有文件无法解析com.android.support:appcompat-v7:26.1.0。要求: project :react本机-google-place无法找到满足版本约束的“com.android.Support:appcompat-v7”版本: Dependency 'FastGo:react-native-g
浏览 0提问于2019-05-02得票数 0
我正在使用来自的现成组件，用于google自动完成的地方
但是我想用place初始化它。(因为当我编辑表单时，我必须显示那里的位置)
import React from "react";
import GooglePlacesAutocomplete from "react-google-places-autocomplete";
const GooglePlacesAutocompleteComponent = () => (
<div>
<GooglePlacesAutocomplete
apiKey=
浏览 13提问于2021-10-25得票数 0
如何设置搜索图像图标的反应-本机-谷歌-地点-自动完成？
我想知道如何在左侧设置搜索图像图标的反应-本机-谷歌-地点-自动完成。
我想要这样的输出在下面的screen.So，请帮助我。
但我的设计是这样的。
这是DiscoveryLocation.js文件的代码。
import React, { Component } from 'react'
import { Text, View, TouchableOpacity, TextInput, StyleSheet, Image } from 'react-native'
impo
浏览 0提问于2020-02-06得票数 2
这是使用Google的API来响应本地地图的代码。
import React, { useEffect, useState } from 'react';
import { PermissionsAndroid, StyleSheet, View, Dimensions } from 'react-native';
import MapView, { PROVIDER_GOOGLE, Marker } from 'react-native-maps';
import Geolocation from 'react-native-geolo
浏览 6提问于2022-03-18得票数 0
回答已采纳
2回答
我想去买些运动场/场地，甚至公寓，我怎么能买到呢？目前，我得到的结果很少在自动完成。
包名： react-native-google-places-autocomplete。
API: GooglePlacesAutocomplete
<GooglePlacesAutocomplete
query={{
// available options: https://developers.google.com/places/web-service/autocomplete
key: ,
language: "
浏览 12提问于2019-10-05得票数 0
2回答
我正在创建一个电子商务应用程序，我们需要邮政编码来计算运输成本，使用来自google place api的地址自动完成，不确定它是否是api的限制，但它不返回邮政编码。我使用https://github.com/FaridSafi/react-native-google-places-autocomplete进行自动补全。 我也浏览了google文档，但没有提到任何相关内容。 只是想知道有没有办法从地址中获取邮政编码？
浏览 38提问于2020-07-26得票数 0
回答已采纳
我使用的是react-google-maps，它需要一个googleMapURL道具的组件(声明谷歌地图JavaScript应用程序接口)和react-places-autocomplete，这也需要一个与谷歌地图js的脚本。 当我同时执行这两项操作时，我收到错误消息“您已多次在此页面中包含Google Maps JavaScript应用程序接口。这可能会导致意外错误”。 我不能不声明react属性，否则组件就不能工作，如果我不在index.html中声明脚本，react-places-autocomplete就不能工作。 当我同时使用这两个库时，我怎么能不得到这个错误呢？ 我在一个创建-反
浏览 11提问于2020-01-30得票数 1
回答已采纳
这件事之前还不错。可能的未处理的承诺拒绝(id: 0)：错误:在调用本机方法时遇到异常:在模块'com.google.android.gms.location.FusedLocationProviderClient‘上执行导出方法getLastKnownPositionAsync : Found但类时发生异常(声明为’com.google.android.gms.location.FusedLocationProviderClient‘)
我已将以下内容添加到我的build.gradle文件中：
implementation 'com.google.android.gms:
浏览 17提问于2022-10-16得票数 3
大家好！
我正在开发一个天气应用程序的反应本土化。在我的项目中，我安装了
我从获取了一个基本示例的代码，并将其插入到我的应用程序中：
import React from 'react';
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';
export const GooglePlacesInput = () => {
return (
<GooglePlacesAutocomplete
浏览 10提问于2022-01-12得票数 2
尝试了大多数的解决方案，甚至是，但没有一个适合我。
一段时间后接触到这个项目，所以是从
将本地世博会v35与v39.
错误堆栈跟踪：
我的包裹清单：
package.json
"dependencies": {
"@apollo/react-components": "^3.0.1",
"@apollo/react-hoc": "^3.1.1",
"@apollo/react-hooks": "^3.0.0",
"@react-
浏览 2提问于2020-10-07得票数 3
回答已采纳
我使用react-native-google-places-autocomplete来选择一个位置。我想提取选定的位置，并使用它作为一个道具传递给另一个函数。该值应为字符串类型。我不知道如何提取选定的描述值。以下是我到目前为止所拥有的：
<GooglePlacesAutocomplete
placeholder='Event Location'
minLength={2} // minimum length of text to search
autoF
浏览 0提问于2018-02-23得票数 3
回答已采纳
当我试图在我的Mac M1上用android和ios构建我的本机应用程序时，当我在error.....it上构建时，就不会出现这个error.....it：
Package firebase-functions has been ignored because it contains invalid configuration. Reason: Package subpath './package.json' is not defined by "exports" in /Users/..../node_modules/firebase-functions/pa
浏览 5提问于2022-04-25得票数 2
`
import React, { useEffect, useRef, useState } from 'react';
import { View, Text,LocationSearchInput } from 'react-native';
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';
const App = () => {
const ref = useRef();
// useEffec
浏览 11提问于2022-11-28得票数 0
我已经将react原生版本从0.55更新到0.59，并且遇到了一个严重的问题，并尝试了所有方法，但没有works.It给我的错误
undefined is not an object evaluating (_reactnative.Modal.propTypes.animationType)
这是我的package.json
{
"name": "Fuelex",
"version": "0.0.1",
"private": true,
"scripts": {
"
浏览 0提问于2019-08-08得票数 2
我正在为我的本机应用程序编写测试，但是它失败了，这意味着我运行了pod。在运行吊舱安装之后，我得到
!] CocoaPods could not find compatible versions for pod "GoogleMaps":
In Podfile:
react-native-google-maps (from `../node_modules/react-native-maps`) was resolved to 0.27.1, which depends on
GoogleMaps (= 3.5.0)
react-native-
浏览 24提问于2021-03-03得票数 0
回答已采纳
使用React Native Google Places autocomplete时，我会得到以下错误。
此IP、站点或移动应用程序未被授权使用此API密钥.
我使用的是一个Google Places API网络服务密钥，它限制了Android。这个包名为com.xxx.xxx.debug和com.xxx.xxx.test。另一个API密钥仅限于com.xxx.xxx。我添加了正确的SHA-1密钥。
有人知道我做错了什么或者为什么不起作用吗？我已经检查了谷歌的文档，并尝试了许多不同的东西，但我仍然不能让它在一个限制下工作。
浏览 11提问于2017-07-11得票数 2
我是react-native的新手。我的所有项目在早上都运行得很好，但不知何故它们停止了工作。当我运行react-native start和react-native run-android时，应用程序被安装在设备上，但随后出现了这个错误，这是以前没有发生过的。 Loading dependency graph, done.
DELTA [android, dev] ./index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1)/home/yehyaumar/Documents/dumm/busybee/node_modules/graceful-fs/polyfills.j
浏览 119提问于2020-07-23得票数 12
回答已采纳
1回答
我已经将我的应用程序连接到google，并且我一直在工作到某个点(我不知道更改了什么)，但是当我去查看google开发人员控制台时，API不再接收我的请求，我既没有显示4XX，也没有显示2XX(以前显示)。
这是我的密码
import React,{useState,useEffect} from "react";
import { View ,Text, TextInput ,SafeAreaView, ListView } from "react-native";
import { GooglePlacesAutocomplete } from '
浏览 0提问于2021-10-22得票数 0
回答已采纳
在世博会中，我使用的是GooglePlacesAutocomplete，我正在尝试添加当前的位置标签。这很有趣，因为在Android中，它可以使用react原生地理定位服务，但在iOS中却不这样做。
import { GooglePlacesAutocomplete } from "react-native-google-places-autocomplete";
navigator.geolocation = require("react-native-geolocation-service");
const chooseOrigin = () => {
浏览 4提问于2022-01-06得票数 0
我在我的应用程序中使用Google Places Autocomplete API。最近我更改了我的包名。然后，我在Google开发人员控制台中创建了一个新项目，并将API密钥添加到我的项目中。我已经启用了Google Maps SDK for Android和Places API。现在只检测当前位置是有效的，Places AutoComplete搜索返回"PLACES_API_ACCESS_NOT_CONFIGURED“。
浏览 0提问于2019-05-31得票数 0
我在我的react code.When中使用google places自动完成api，我将此代码保存在单独的文件中，并在另一个文件中调用此组件。当我在表单中将位置搜索输入字段与其他字段组合时，它不是working.Whats，当我与表单中的其他字段组合时，问题是什么？ 这段代码 import React from "react";
/* global google */
class SearchBar extends React.Component {
constructor(props) {
super(props);
this.autocompleteInput =
浏览 11提问于2020-07-28得票数 1
我正尝试在我的React Native应用程序中使用react-native-google-places-autocomplete库，但在单击建议列表时遇到问题。每当我点击谷歌建议的地址时，列表就会消失，onPress也不会抓取地址。如果我在没有父组件的情况下单独使用组件中的库，它可以很好地工作，但只有当我将组件放在keyboardavoidingview或KeyboardAwareScrollView中时，它才不能工作： 此GooglePlacesInput.js组件只是原始repository的标准库 <GooglePlacesAutocomplete
浏览 17提问于2019-12-18得票数 11
回答已采纳
谁能告诉我如何使用以下类型初始化React Google地图的StandaloneSearchBox组件：'geocode‘(就像在原始google.maps.places.Autocomplete中一样，这样我就可以限制autocomplete对输入的建议了？
浏览 2提问于2017-12-05得票数 1
在我的React应用中。我正在使用Google Places API Autocomplete，这样用户就可以输入他们的位置，他们的城市/州/国家信息将被自动填写，但我遇到了一个我无法解决的问题。
const autocomplete = new google.maps.places.Autocomplete(input);
当我没有为第二个参数指定选项时。一切正常，但我只想返回用户的城市、州和国家，但当我指定一个类型时。自动补全功能甚至不会显示结果。
浏览 14提问于2018-01-10得票数 1
我正在尝试在react原生中使用Google Places API。我首先尝试使用fetch直接发出请求，但我发现您必须使用谷歌提供的现有类/对象，如PlacesService。搜索包含API对象的React Native库只会显示一些执行自动完成功能的库，其他内容就不多了。
位置API文档说要使用以下url加载库：<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"><
浏览 16提问于2017-12-19得票数 6
回答已采纳
我使用react-native-google-places，我遵循了文档，它在ios上工作得很好。
另一方面，在android上我有这样的错误：
Build failed with an exception.
What went wrong:
A problem occurred configuring project ':app'.
> Could not resolve all dependencies for configuration ':app:_debugApk'.
> A problem occurred configuring
浏览 4提问于2018-04-16得票数 1
我知道StackOverflow上有几个人问过类似的问题，但是他们没有用世博来构建他们的项目，所以使用XCode的解决方案不适用于我。
我正在尝试使用命令eas build --profile development --platform ios构建我的expo项目，它一直在错误[stderr] [!] <PBXResourcesBuildPhase UUID=13B07F8E1A680F5B00A75B9A>attempted to initialize an object with an unknown UUID.5360B39C71704D31869D9F73for attr
浏览 31提问于2022-04-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
