Rn-android-autocompletetextview NPM

Auto Complete Text View

This is a module for accessing Native Android AutoCompleteTextView.

Note : Please note that this module has been written based on one particular project requirement. It might not have support of special functionalities you want. In such cases feel free to open an issue. I will add the support at earliest.

Installation (using npm)

Run npm install rn-android-autocompletetextview --save.

Add the following lines in your android/settings.gradle

  include ':rn-android-autocompletetextview'
  project(':rn-android-autocompletetextview').projectDir = file("../node_modules/rn-android-autocompletetextview/android")

Add the following dependency in android/app/build.gradle

  dependencies {
    compile project(':rn-android-autocompletetextview')
    ...
  }

Open MainApplication or ReactApplication located at android/app/src/main/java/com/<your package name>/ and add following packager
```
  new RNAutocompleteTextViewPackage()
```

like this

```
  @Override
  protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
              new MainReactPackage(),
              new RNAutocompleteTextViewPackage()
      );
  }
```
and import the following dependency

```
import com.reactlibrary.RNAutocompleteTextViewPackage;
```

USAGE:

import { AutoCompleteTextView } from 'rn-android-autocompletetextview';

const items = [
  {firstName: 'Bob', lastName: 'Smith},
  {firstName: 'John', lastName: 'Jones},
];

const onDropdownClick = (position: number) => {
  const selectedItem = items[position];
  // Do something with item
};

render() {
  ...
    <AutoCompleteTextView
      style={{ flex: 1, flexDirection: 'row', height: 60, alignSelf: 'stretch' }}
      dataSource={items}
      itemFormat={'${firstName} ${lastName}'}
      value={value}
      onChangeText={(text)=>console.log(text)}
      showDropDown={false}
      hint={'My Hint'}
      onItemClick={onDropdownClick}
      fontSize={14}
      fontColor={'#000000'}
      borderColor={'#000000'}
    />
    ...
}