AutoCompleteResultList.js

import React, { Component } from 'react';
import {
  View,
  Text,
  FlatList,
  StyleSheet,
  TouchableHighlight
} from 'react-native';

// .. rest of code

class AutoCompleteResultList extends Component {
  // .. rest of code
  renderItem({ item }) {
    return (
      <TouchableHighlight
        underlayColor="#dddddd"
        onPress={() => this._onItemClick(item.geometry)}
      >
        <View style={styles.AutoCompleteResultItem}>
          <Text style={styles.titleText}>{item.name}</Text>
          <Text style={styles.text}>{item.formatted_address}</Text>
        </View>
      </TouchableHighlight>
    );
  }
  _onItemClick(geometry) {
    this.props.onItemClick(geometry);
  }
 // .. rest of code
 render() {
    return (
      <View>
        {this.props.data.length > 0 && (
          <FlatList
            {...this.props}
            contentContainerStyle={styles.AutoCompleteResultList}
            renderItem={itemValue => this.renderItem(itemValue)}
          />
        )}
      </View>
    );
  }
}