如何使用autosuggest作为TextInput？

import React, { useState } from 'react';
import { View, TextInput, FlatList, Text } from 'react-native';
import Autocomplete from 'react-native-autocomplete-input';

const AutosuggestTextInput = () => {
  const [query, setQuery] = useState('');
  const [suggestions, setSuggestions] = useState([]);

  const onChangeText = (text) => {
    setQuery(text);
    // 调用后端API或本地数据源获取建议的文本列表
    // 并更新suggestions状态
    // 示例中使用静态数据作为建议的文本列表
    const data = ['apple', 'banana', 'cherry', 'date'];
    const filteredData = data.filter(item => item.toLowerCase().startsWith(text.toLowerCase()));
    setSuggestions(filteredData);
  };

  const onSelectSuggestion = (item) => {
    setQuery(item);
  };

  return (
    <View>
      <Autocomplete
        data={suggestions}
        value={query}
        onChangeText={onChangeText}
        renderItem={({ item }) => (
          <Text onPress={() => onSelectSuggestion(item)}>{item}</Text>
        )}
      />
      <TextInput
        value={query}
        onChangeText={onChangeText}
      />
    </View>
  );
};

export default AutosuggestTextInput;