React-native-google-places-autocomplete: Android clear button missing

[Dimasprog]

Android clear button missing while on IOS all is gonna work fine!

When text input is on focus state, then on Android is missing clear text input button, while on IOS is working!

• Library Version: [1.4.1]
• React Native Version: [0.61.5]

[bell-steven]

As you can see in the React Native docs here, this is a limitation of the React Native <TextInput />. You can always use a custom Input component or the renderRightButton prop to display a custom clear content icon.

[strdr4605]

Still, I think that will be nice to have it as a default!

[Dimasprog]

Still, I think that will be nice to have it as a default!

Yes, good idea!

[bell-steven]

@strdr4605 @Dimasprog having it as a default means writing a custom Input component, and all the issue that can go along with that. If you can think of a reasonable implementation for this, please do put in a PR, I would be more than happy to review it.

[Dimasprog]

@strdr4605 @Dimasprog having it as a default means writing a custom Input component, and all the issue that can go along with that. If you can think of a reasonable implementation for this, please do put in a PR, I would be more than happy to review it.

@bell-steven ok, i will think about it!

[cbovis]

@bell-steven do you have any tips for how a custom clear button could be implemented? I had a crack at this but noticed search results disappear every time the Autocomplete component is re-rendered This makes it hard to show/hide the button based on whether the field has contents or not.

[bell-steven]

@cbovis would you mind showing some code? You might need to set listViewDisplayed="false".

[Dimasprog]

@cbovis, Here is how I implemented custom clear button for text input:

[cbovis]

Thanks @Dimasprog this was super useful 👍