1.0.1 • Published 4 years ago

react-native-mention v1.0.1

Weekly downloads
12
License
MIT
Repository
github
Last release
4 years ago

React Native Mention 🚀

Facebook like mention input. Thanks to react-native-parsed-text

Demo

Installation

npm install --save react-native-mention
yarn add react-native-mention

Usage

import MentionInput from 'react-native-mention';

render() {
  return (
    <View style={styles.mainContainer}>
      <MentionInput
        reference={comp => {
          this.inputField = comp
        }}
        placeholder="Post something of worth"
        onChangeText={this.onChangeText}
        mentionData={this.state.mentionSuggestions}
        mentioningChangeText={this.mentioningChangeText}
        renderMentionCell={({ item }) => {
          return <MentionCell name={item.name} image={item.avatar} />
        }}
        style={styles.inputField}
      />
    </View>
  )
}

Properties

PropTypeDescription
placeholderStringPlaceholder text.
mentionDataArray(Object)Array of object. Basically suggestions to be mentioned.
onChangeTextfunctionOn text change callback.
mentioningChangeTextfunctionon mention text callback.
renderMentionCellElementElement to show on mention suggestions.

License

MIT