react-native-taginput

0.1.0 • Public • Published

react-native-taginput

Tag input component fro React Native

ChangeLog

  • v0.1.0
  • Initial working version

Installation

  1. Run npm install react-native-taginput --save
  2. import TagInput from 'react-native-taginput

Basic usage

import TagInput from 'react-native-taginput';
 
class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <TagInput
          ref='tagInput'
          initialTags={initialTags}
          suggestions={this.state.data.suggestions}
          containerStyle={styles.taginput}
          onChange={this._onChange.bind(this)}
          onUpdateLayout={this._onUpdateLayout.bind(this)}
        />
      </View>
    );
  }
}

Examples

Add example link

Props

Prop Type Description
initialTags array
suggestions array
containerStyle style
inputContainerStyle style
listStyle style
placeholder string
onUpdateTags function
onUpdateLayout function

Contribution

Issues and Pull requests are welcome. Please add a screenshot of bug and code snippet.

About

This is inspired by react-native-autocomplete-input.


MIT Licensed

Package Sidebar

Install

npm i react-native-taginput

Weekly Downloads

4

Version

0.1.0

License

MIT

Last publish

Collaborators

  • kyo504