React native 如何使用本地google places autocomplete

我已经在我的项目中加入了

react native google places autocomplete

，如Github中所述，但它并没有像预期的那样提供建议。在Github上提供的示例是否足够，或者我是否应该添加其他内容

这是我的代码（我的原始代码中包含了我的API密钥），它与

从“React”导入React；
进口{
按钮
文本，
形象,，
文本输入，
可触摸不透明度，
看法
样式表
}从“反应本族语”；
从“react native maps”导入MapView，{PROVIDER_GOOGLE，Marker}；
从“/./../Shared/Colors”导入颜色；
从“/./../Shared/CommonStyles”导入CommonStyles；
从“@expo/vector icons”导入{Ionicons}”；
从“react native google places autocomplete”导入{GooglePlacesSautoComplete}；
康斯特家乡={
描述：“家”，
几何图形：{
地点：{
拉脱维亚：48.8152937，
液化天然气：2.4597668
}
}
};
常数工作场所={
描述：“工作”，
几何图形：{
地点：{
纬度：48.8496818，
液化天然气：2.2940881
}
}
};
康斯特预订=道具=>{
返回(
row.description}//自定义描述呈现
onPress={（data，details=null）=>{//'details'在fetchDetails=true时提供
控制台日志（数据、详细信息）；
}}
getDefaultValue={（）=>''}
质疑={{
//可用选项：https://developers.google.com/places/web-service/autocomplete
key:'myApiKey'，//我已经包含了我的api密钥
语言：“en”，//结果的语言
类型：'（城市）//default:'geocode'
}}
风格={{
textInputContainer：{
宽度：“100%”
},
说明：{
fontWeight:“粗体”
},
预定义位置说明：{
颜色：“#1faadb”
}
}}
currentLocation={true}//将在预定义位置列表的顶部添加一个“Current location”按钮
currentLocationLabel=“当前位置”
nearbyPlacesAPI='GooglePlacesSearch'//使用哪种API：GoogleReverseGeoCode或GooglePlacesSearch
谷歌反向分类查询={{
//谷歌反向编码API的可用选项：https://developers.google.com/maps/documentation/geocoding/intro
}}
GooglePlacesSearchQuery={{
//Google PlacesSearch API的可用选项：https://developers.google.com/places/web-service/search
兰比：“距离”，
类型：“咖啡馆”
}}
GooglePlacesDetailsQuery={{
//GooglePlacesDetails API的可用选项：https://developers.google.com/places/web-service/details
字段：“格式化的地址”，
}}
filterReverseGeocodingByTypes={['Location'，'administrative_area_level_3']}//如果只想显示城市，请按类型['Location'，'administrative_area_level_3']过滤反向地理编码结果
预定义地点={[homePlace，workPlace]}
debounce={200}//debounce请求以毫秒为单位。设置为0可删除debounce。默认情况下为0毫秒。
/>
{/*  */}
);
};
导出默认预订；

您需要更换谷歌地图api密钥。检查文档并检查如何从谷歌地图获取自动完成

替换代码中的api密钥

query={{
        key: 'myApiKey', // I have included my api key 
      }}

---

您需要替换google maps api密钥。检查文档并检查如何从谷歌地图获取自动完成

替换代码中的api密钥

query={{
        key: 'myApiKey', // I have included my api key 
      }}

---

问题可能出在谷歌API的计费配置上。访问您的控制台以设置您的账单详细信息

---

问题可能出在谷歌API的计费配置上。访问您的控制台以设置您的账单详细信息

---

将googleAutoPlaceComplete放入

    <ScrollView></ScrollView>

---

将googleAutoPlaceComplete放入

    <ScrollView></ScrollView>

我替换了它，这就是为什么我添加了这个注释，因为我已经添加了API密钥。我替换了它，这就是为什么我添加了这个注释，因为我已经添加了API密钥。