onChangeText cause flicking when is set on textInputProps

[volpejoaquin]

Describe the bug

I'm using GooglePlacesAutocomplete component with textInputProps.onChangeText set. I think there is a conflict with the internal onChangeText={_handleChangeText} bind, this cause a flick on my app and doesn't work property

Reproduction

Steps to reproduce the behavior - a minimal reproducible code example, link to a snack or a repository.

<GooglePlacesAutocomplete
     minLength={3}
     fetchDetails={true}
     onPress={handlePlaceSelect}
     renderDescription={renderDescription}
     query={PLACES_QUERY}
     textInputProps={{
        onChangeText: handleChange,
        returnKeyType: "done",
      }}
     ...
 /> 

Additional context

• Library Version: 0.2.3

• React Native Version: 0.63.3

• iOS

• Android

Error

The problem is here:
https://github.com/FaridSafi/react-native-google-places-autocomplete/blob/master/GooglePlacesAutocomplete.js#L793

Possible fix 1

Destructure onChange prop from props.textInputProps

let {
    onFocus,
    onBlur,
    clearButtonMode,
    InputComp,
    onChangeText,
    ...userProps
  } = props.textInputProps;

HERE

Possible fix 2

Invert order of {...userProps} and onChangeText={_handleChangeText}`

  {...userProps}
  onChangeText={_handleChangeText}

HERE

Fixed

[bell-steven]

Thank for the detailed bug report. Would you mind putting in a PR?

[bell-steven]

closed by #647