README
[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-autocomplete
If you use yarn:
yarn add react-native-animated-autocomplete
Usage
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