Customizable Google Places autocomplete component for iOS and Android React Native apps

How many times, as a Web developer, you pointed to Google Places API Javascript docs and installed (updated?) it.
How weird did it look on your Mobile devices?

Oh, maybe you're a iOS or Android developer.
Have you ever wished it just was one npm install away?

We're in React Native's heavens now, meet Farid Safi and its cross platform Component for Google Places autocomplete.


Customizable Google Places autocomplete component for iOS and Android React-Native apps


  • Places autocompletion
  • iOS and Android compatibility
  • Places details fetching + ActivityIndicatorIOS/ProgressBarAndroid loaders
  • Customizable using the styles parameter
  • XHR cancellations when typing fast
  • Google Places terms compliant
  • Caching of results
var GooglePlacesAutocomplete = require('react-native-google-places-autocomplete').create({  
  placeholder: 'Search',
  minLength: 2, // minimum length of text to search
  autoFocus: true,
  fetchDetails: true,
  onPress(data, details = null) { // details is provided when fetchDetails = true
  query: {
    // available options:
    key: 'YOUR API KEY',
    language: 'en', // language of the results
    types: '(cities)', // default: 'geocode'
  styles: {
    description: {
      fontWeight: 'bold',

Google Places autocomplete