Как остановить поиск автозаполнения в GooglePlacesAutocomplete, когда местоположение уже выбрано? - PullRequest
0 голосов
/ 20 ноября 2018

Я использую реагировать-нативно-Google-места-автозаполнение.Когда пользователь вводит местоположение, появляются параметры поиска, и затем пользователь может выбрать местоположение.

Однако параметры поиска по-прежнему отображаются после нажатия пользователем и выбора местоположения.

Как убедиться, что параметры поиска исчезают после того, как пользователь выбрал местоположение.

Ниже мой компонент:

   <GooglePlacesAutocomplete
              placeholder='Business Location'
              minLength={2} // minimum length of text to search
              autoFocus={false}
              returnKeyType={'search'} // Can be left out for default return key https://facebook.github.io/react-native/docs/textinput.html#returnkeytype
              listViewDisplayed='auto'    // true/false/undefined
              fetchDetails={true}
              renderDescription={row => row.description} // custom description render
              onPress={(data, details = null) => { // 'details' is provided when fetchDetails = true
                this.setState({ location: data.description });
                this.validateLocation();
              }}
              getDefaultValue={() => ''}
              query={{
                // available options: https://developers.google.com/places/web-service/autocomplete
                key: 'XXXXXXXXXXXXXXXXXXXXXXXX',
                language: 'en', // language of the results
                types: 'geocode' // default: 'geocode'
              }}
              styles={{
                                textInputContainer: {
                                 backgroundColor: 'white',
                                  width: 0.8*width,
                                  marginLeft: 0.1*width,
                                  height: 0.1*height,
                                   zIndex: 1,
                                  borderTopWidth: 0,
                                  borderBottomWidth: 1,
                                  borderColor: 'black'

                                }
                              }}
              //currentLocation={true} // Will add a 'Current location' button at the top of the predefined places list
              nearbyPlacesAPI='GooglePlacesSearch' // Which API to use: GoogleReverseGeocoding or GooglePlacesSearch
              GoogleReverseGeocodingQuery={{
                // available options for GoogleReverseGeocoding API : https://developers.google.com/maps/documentation/geocoding/intro
              }}
              GooglePlacesSearchQuery={{
                // available options for GooglePlacesSearch API : https://developers.google.com/places/web-service/search
                rankby: 'distance',
                types: ''
              }}
              filterReverseGeocodingByTypes={['locality', 'administrative_area_level_3']} // filter the reverse geocoding results by types - ['locality', 'administrative_area_level_3'] if you want to display only cities
              predefinedPlaces={[//homePlace, workPlace
              ]}
              debounce={200} // debounce the requests in ms. Set to 0 to remove debounce. By default 0ms.
              value={this.state.location}
              onChangeText={(location) => {
                this.setState({ location });
                this.validateLocation();
              }}
              //renderLeftButton={()  => <Icon name="map-marker" size={28} color="#000" style={{ marginTop: 0.015*width }} />}
              //renderRightButton={() => <Icon name="rocket" size={30} color="#900" />}
           />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...