Native-autocomplete-input NPM

native-autocomplete-input

This is an auto complete input component for react-native. For the native, Android use AutoCompleteTextView, iOS use UITextField.

For now, we only implement the Android, iOS is on the way.

Installation

npm install native-autocomplete-input

Usage

import AutoCompleteInputView from "native-autocomplete-input";

// ...

      <AutoCompleteInputView
        suggestions={['android', 'apple', 'bob', 'banana']}
        onChangeText={(value: string) => {
          console.log(value);
        }}
        onChangeSuggestion={(index:number, value:string) =>{
          console.log('index', index, 'value', value);
        }}
        textColor={'#f00'}
        style={styles.box}
      />

Props

Prop	Type	Description
suggestions	string array	An array with suggestion items
textColor	string of rgba	Text color of the input view
fontSize	number	Font size for the input view
onChangeText	Function	Callback that is called when the text input's text changes. Changed text is passed as an argument to the callback handler
defaultValue	string	Default value for the input view
placeholderColor	string of color	Text color of the input view holder
placeholder	string	Placeholder for text input view
onChangeSuggestion	Function	Callback while user select suggestion