GooglePlacesAutocomplete 在 react-native apk 文件中不起作用 android-解网

问：

我在我的 react native 项目中实现了 Google Places API，我正在尝试使用查询地点搜索，但对于 android，它仅在使用 expo 进行测试时有效，当我构建测试 apk 并安装在真实设备上时，没有返回结果并且 GooglePlacesAutocomplete 不起作用。我很难跟踪这个错误，因为在开发环境中一切都很完美。拜托，我真的需要帮助。以下是我查询谷歌地点的方式GooglePlacesAutocomplete

 return (
<SafeAreaView style= {{backgroundColor: 'white', height: "100%"}}>
  <View >
  <Text style ={{ color: 'black', 
  fontWeight:'bold', 
  fontSize: 25, 
  padding: 10}}>Lets Move it!</Text>

  <GooglePlacesAutocomplete
  placeholder='Move from?'
  styles={{
    container: {
      flex: 0,
      
    },
    textInput: {
      fontSize: 18,
      backgroundColor: 'white',
      borderWidth: 1,
      padding: 8,
      margin: 8,
      borderColor: '#a29e9e11'

    }
  }}
  onPress={(data, details = null) => {
    dispatch(setOrigin({
      location: details.geometry.location,
      description: data.description
    }))
    dispatch(setDestination(null))
  }}
  fetchDetails ={true}
  enablePoweredByContainer={false}
  
  query={{ key: GOOGLE_MAPS_APIKEY, language: 'en'}}

  nearbyPlacesAPI='GooglePlacesSearch' debounce={400}
   />

  
  </View>
  <View style ={{flex:1}}>
          <BottomView />
  </View>
</SafeAreaView>
)
}

Android React-Native 地图谷歌地方API

return (
    <SafeAreaView style={{flex: 1}}>
      <TouchableOpacity style={{flexDirection: 'row', alignItems: 'center', top : 37,width:40,height:40, paddingLeft : 15, zIndex:10}}
        onPress={()=>{
          navigation.goBack();
        }}>
        <Image
          source={require('../assets/images/backIcon.png')}
          style={{height: 35, width: 35}}
        />

      </TouchableOpacity>

        <GooglePlacesAutocomplete
          placeholder="Enter your search query"
          placeholderTextColor="#8189B0"
          query={{
            key: YOUR_API_KEY,
            language: 'en',
          }}
          textInputProps={{
            ref: textInput => {
              textInput && textInput.focus();
            },
          }}
          returnKeyType={'Search in Google'}
          listViewDisplayed={'auto'}
          fetchDetails={true}
          onPress={(data, details) => {
            console.log('Data=>', JSON.stringify(data));
            console.log('Details=>', JSON.stringify(details));
            navigation.goBack();
          }}
          renderRow={rowData => {
            const title = rowData.structured_formatting.main_text;
            const address = rowData.structured_formatting.secondary_text;
            return (
              <View
                style={{
                  flexDirection: 'row',
                  alignItems: 'center',
                  width: width - 80,
                  paddingBottom: 10,
                  paddingTop: 10,
                }}>
                <Image
                  source={require('../assets/images/Location.png')}
                  style={{width: 35, height: 35}}
                  resizeMode={'contain'}
                />
                <View style={{height: 40, marginLeft: 8}}>
                  <Text
                    style={{color: '#0D1A59', fontSize: 16, paddingRight: 10}}
                    numberOfLines={1}>
                    {title}
                  </Text>
                  <Text style={{fontSize: 12, color: 'rgba(13, 26, 89, 0.65)'}}>
                    {address}
                  </Text>
                </View>
              </View>
            );
          }}
          nearbyPlacesAPI="GoogleReverseGeocoding"
          debounce={300}
          autoFocus={true}
          enablePoweredByContainer={false}
          keyboardShouldPersistTaps="always"
          suppressDefaultStyles={true}
          styles={{
            container: {
              flex: 1,
            },
            textInput: {
              height: 40,
              color: '#2E3E5C',
              width: 300,
              fontSize: 14,
              alignSelf: 'center',
              borderRadius: 8,
              paddingHorizontal: 15,
              marginLeft : 30,
              backgroundColor: '#EFEFEF',
            },

            listView: {
              display: 'flex',
              top: 50,
              width: '93%',
              alignSelf: 'center',
              borderRadius: 8,
              height: height * 0.7,
            },
            row: {
              paddingLeft: 13,
              height: 60,
              flexDirection: 'row',
            },
            poweredContainer: {
              justifyContent: 'flex-end',
              alignItems: 'center',
              borderBottomRightRadius: 5,
              borderBottomLeftRadius: 5,
              borderColor: '#c8c7cc',
              borderTopWidth: 0.5,
            },
          }}
        />
      {/* </View> */}
    </SafeAreaView>
  );

GooglePlacesAutocomplete 在 react-native apk 文件中不起作用 android

GooglePlacesAutocomplete not working in react-native apk file for android

评论

评论