mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
* 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
36 lines
1007 B
TypeScript
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>
|
|
)}
|
|
/>);
|
|
}
|
|
}
|