1.0.2 • Published 7 years ago
react-native-tag-textinput v1.0.2
React-Native-Tag-TextInput
A React Native component that allows you to input text and formats the text into a tag when comma is entered.
Installation
npm install react-native-tag-textinput --saveUsage
import React from "react";
import Tags from "react-native-tag-textinput";
const UselessComponent = () => (
<Tags
initialText="monkey"
initialTags={["dog", "cat", "chicken"]}
onChangeTags={tags => console.log(tags)}
onTagPress={(index, tagLabel, event) => console.log(index, tagLabel, event)}
containerStyle={{ justifyContent: "center" }}
inputStyle={{ backgroundColor: "white" }}
/>
);Props
| PropName | Description |
|---|---|
| initialText | The input element's text |
| initialTags | 'the', 'initial', 'tags' |
| onChangeTags | Fires when tags are added or removed |
| onTagPress | Fires when tags are pressed |
| readonly | Removes the TextInput |
| containerStyle | Style |
| style | Style (containerStyle alias) |
| inputStyle | Style |