1.1.1 • Published 4 years ago
react-native-animated-autocomplete v1.1.1
WIP - This package is a work in progress, not suitable to download at the moment
react-native-animated-autocomplete
A customisable animated modal based autocomplete
Installation
If you use npm:
npm install react-native-animated-autocompleteIf you use yarn:
yarn add react-native-animated-autocompleteUsage
import * as React from 'react';
import { View } from 'react-native';
import AnimatedAutocomplete from 'react-native-animated-autocomplete';
export default function App() {
const [formvalue, setFormValue] = useState('default value');
return (
<View>
<AnimatedAutocomplete
data={Array.from(Array(50).keys()).map(
(item: number) => `Custom ${item}`
)}
value={formvalue}
onSelectItem={(val: string) => setFormValue(val)}
/>
</View>
);
}Props
| Prop (required) | Type | Description |
|---|---|---|
| data | string[] | The list of data to render in the autocomplete |
| value | string | The current value in the autocomplete. A default value can be set using this |
| onSelectItem | (valstring) => void | The function to run when an item is selected |
| mainInputViewStyle | ViewStyle | Styles to add for the input view |
| mainInputTextStyle | TextStyle | Styles to add for the input text |
| closeIcon | JSX.Element | A custom icon for the close button |
| searchIcon | JSX.Element | A custom icon for the search icon |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT