Colmea / react-native-tag-input

A simple React Native component that creates an input for tags, emails, etc.

React Native Tag Input

Simple Example

import TagInput from 'react-native-tag-input';

...

<TagInput
  value={this.state.emails}
  onChange={(emails) => this.onEmailChange(emails)} />

Available Properties	Description
onChange	(Required) A handler to be called when array of emails/tags change
value	(Required) An array of tags
separators	An array os characters to use as tag separators
regex	A RegExp to test tags after enter, space, or a comma is pressed
tagColor	Background color of tags
tagTextColor	Text color of tags
tagContainerStyle	Styling override for container surrounding tag text.
tagTextStyle	Styling overrride for tag's text component
inputColor	Color of text input
inputProps	Any misc. TextInput props (autofocus, returnKeyType, etc.)
labelKey	String. Label key if tag is an object, (tag[labelKey])
numberOfLines	Number. Number of maximum lines of the tag input
parseOnBlur	Boolean. If true, will check for tags on input blur