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 |