DefinitelyTyped/types/react-native-autocomplete-input/react-native-autocomplete-input-tests.tsx
Martin Lehmann 6234f7f72e React native autocomplete input/add v4 flatlist props (#35102)
* fix(react-native-autocomplete-input): add flatListProps introduced in v4

* fix(react-native-autocomplete-input): add keyExtractor prop introduced in v4

* chore(react-native-autocomplete-input): remove unused imports in example
2019-04-30 10:08:14 -07:00

36 lines
1007 B
TypeScript

import Autocomplete from 'react-native-autocomplete-input';
import * as React from 'react';
import {
Text,
TouchableOpacity,
} from 'react-native';
interface Item { query: string; value: string; }
class AutocompleteExample extends React.Component<{}, {query: string}> {
state = {
query: ''
};
filterData(query: string): Item[] {
return [{query: '', value: 'here i am'}];
}
render() {
const { query } = this.state;
const data = this.filterData(query);
return (<Autocomplete
data={data}
defaultValue={query}
flatListProps={{ onScroll: () => {} }}
keyExtractor={item => item.value}
onChangeText={text => this.setState({ query: text })}
renderItem={({ item }) => (
<TouchableOpacity onPress={() => this.setState({ query: item.query })}>
<Text>{item.value}</Text>
</TouchableOpacity>
)}
/>);
}
}