SimpleAutocomplete

ATTENTION: From version 0.2 I had to make some changes to make this fit to the Dohop Search Autocompleter. Sorry for any inconvenience. If you want please make a issue if you want me to fix this or keep using 0.1 This is just a simple Autocompleter/Typeahead that uses TextInput to filter/populate a listview that is rendered below. Pure react-native solution

You can pass any prop you could normally pass down to both TextInput and ListView

Use at your own risk but PR and issues are encouraged !

Usage

 <View style={styles.mainContainer}>
  <AutoComplete
    onTyping={this.onTyping.bind(this)}
    onSelect={this.onSelect.bind(this)}
    data={this.state.data}/>
</View>
var styles = {
  mainContainer: {
    borderColor: '#48BBEC',
    borderWidth: 1,
    height: 50,
  },
}

Props

I've allowed for passage for some special props to be used

onSelect (Required): Function when user clicks on row in listview
onTyping (Required): A function that is called when user is typing into the TextInput. Used to filter the data passed to the ListView
data (Required): Array of strings to be passed down to the ListView
placeholder: Placeholder for the TextInput
autoFocus: autoFocus on/off
dropdownRowStyle: Styling for the ListView Row
dropdownContainerRowStyle: Styling for each View that contains each Row in the ListView
textInputStyle: Styling for the TextInput
dropdownStyle: Styling for ListView
separatorStyle: Styling for separators
leadingSeparatorStyle: Styling for the leading separator (some might want different margin below the TextInput or hide this separator all together)

hlynurf/SimpleAutocomplete

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages