SearchPage.js

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import AutoCompleteBox from '../components/AutoCompleteBox';
import AutoCompleteResultList from '../components/AutoCompleteResultList';

class SearchPage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      query: '',
      data: []
    };
  }
  render() {
    return (
      <View>
        <AutoCompleteBox
          placeholder="Masukan Nama Tempat"
          value={this.state.query}
          onChangeText={query => this.setState({ query })}
        />
        <AutoCompleteResultList data={this.state.data} />
      </View>
    );
  }
}

export default SearchPage;