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

/react-native-taginput/

    Package Sidebar

    Install

    npm i react-native-taginput

    Weekly Downloads

    0

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • kyo504