Question 1

How do I style react-native-google-places-autocomplete to match my app?

Accepted Answer

Use the 'styles' prop with keys like 'textInput' or 'row' to override defaults. The README provides a full style object example and list of customizable elements for fine-grained control.

Question 2

Does react-native-google-places-autocomplete work on the web?

Accepted Answer

Yes, but it requires a proxy server due to CORS restrictions. Set the 'requestUrl' prop to your proxy endpoint, which must forward requests to Google's APIs, as explained in the Web Support section.

Question 3

How to add current location search with this library?

Accepted Answer

Enable the 'currentLocation' prop and install a geolocation library like '@react-native-community/geolocation'. Then, assign it to navigator.geolocation before using the component, following the example in the README.

Question 4

React Native Google Places Autocomplete vs Google Maps SDK: which should I use?

Accepted Answer

This library is lighter and more customizable, ideal for apps needing UI control and smaller size. The official SDK offers more features like offline maps but increases app bulk and complexity.

Question 5

How to handle API errors like timeouts or not found places?

Accepted Answer

Utilize callback props such as 'onFail', 'onNotFound', and 'onTimeout' to define error handling logic. These allow you to manage issues like network failures or invalid responses gracefully.

Question 6

Can I use a custom text input component instead of the default?

Accepted Answer

Yes, pass your custom input via the 'textInputProps' prop. The README shows an example with 'react-native-elements' Input, allowing full replacement of the default text input.

react-native-google-places-autocomplete

What is react-native-google-places-autocomplete?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions