react-native-google-places-autocomplete搜索无结果问题求助

我开发了一个React Native位置搜索组件，目标是实现用户输入城市或地址时的自动补全功能，基于Google Places API实现。已集成react-native-google-places-autocomplete npm包，并在Google Cloud Console创建了API密钥完成所有配置，但搜索未返回任何结果。

组件代码 #

import React, { useContext, useEffect, useState } from 'react'
import { TextInput, View, Text, TouchableOpacity, StyleSheet, Dimensions } from 'react-native'
import axios from 'axios'
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete'

import {Feather} from 'react-native-vector-icons'

import { SearchFilterContext } from '../../Context/SearchFilterContext'
import { PropertiesContext } from '../../Context/PropertiesContext'

const deviceWidth = Dimensions.get('window').width
const aspectWidth = deviceWidth - 16

const SearchComponent = () => {
  const [search, setSearch] = useState('')
  const [autocompelete, setAutoComplete] = useState([])

  const {currentSearch, setCurrentSearch, results} = useContext(PropertiesContext)
  const {setResults, getProperties, setLoading} = useContext(PropertiesContext)

  const SubmitSearch = () => {
    setLoading(true)
    setCurrentSearch(search)
    setResults([])
    resetSearch()
  }

  const updateSearch = (value) => {
    setCurrentSearch(value)
  }

  const handlePlaceSelect = (data, details) => {
    console.log(data, details);
  };

  const resetSearch = () => {
    getProperties()
  }

  return (
    <View style={styles.SearchBar}>
        <GooglePlacesAutocomplete
          placeholder="Search"
          styles={{
            textInputContainer: {
              marginBottom: 8,
            },
            textInput: {
              height: 32,
              color: 'black',
              fontSize: 16,
              backgroundColor: 'lightgrey'
            },
            predefinedPlacesDescription: {
              color: 'black',
            },
          }}
          onPress={(data, details = null) => {
            console.log(data, details)}}
          fetchDetails={true}
          query={{
            key: '...',
            language: 'en',
          }}
        />
    </View>
  )
}

const styles = StyleSheet.create({
  SearchBar: {
    width: aspectWidth,
    height: 36,
    paddingBottom: 8
  },
})

export default SearchComponent

API密钥配置截图 #

• API启用状态：
• API密钥激活状态：

搜索界面截图 #

内容的提问来源于stack exchange，提问作者ojandali