关于React-native-google-places-autocomplete搜索商铺功能的技术咨询

算力阿峰

2026-8-4

关于React Native Expo中商铺/门店搜索的解决方案

一、react-native-google-places-autocomplete 是否支持商铺搜索？

支持。这个库本质是对Google Places Autocomplete API的封装，只要正确配置API参数，就能实现商铺/门店搜索。你目前只能搜地址，大概率是参数配置问题，调整以下几个关键参数即可：

设置 types 参数：指定搜索类型为 establishment（商铺/机构），示例：

<GooglePlacesAutocomplete
  // 其他基础配置
  query={{
    key: 'YOUR_GOOGLE_MAPS_API_KEY',
    language: 'zh-CN',
    types: 'establishment', // 核心：限定搜索商铺类结果
  }}
/>

可选优化：添加 radius 参数限定搜索范围，或用 components 指定区域（比如国家），提升商铺搜索的精准度。
权限注意：确保你的Google Cloud账号已启用Places API（包含Autocomplete和Details服务），且API密钥拥有对应权限。

二、替代方案（如需更灵活的实现）

如果现有库的封装无法满足需求，可选择以下方式：

直接调用Google Places API：用Expo的 fetch 或 axios 发起请求，自主处理输入联想和结果渲染，完全自定义UI与逻辑，示例请求：

const searchShops = async (inputText) => {
  const res = await fetch(
    `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${encodeURIComponent(inputText)}&types=establishment&key=YOUR_API_KEY`
  );
  const result = await res.json();
  // 处理返回的商铺数据
};