Skip to content
A <TextView/> component for React Native built on top of twitter-text linkification.
JavaScript Objective-C Python HTML Java CSS
Branch: master
Clone or download
Alexander Thomas Alexander Thomas
Alexander Thomas and Alexander Thomas Added url support.
Latest commit 468082f Aug 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
TwitterText Added url support. Aug 9, 2019
bin Updated .gif duration Aug 9, 2019
.gitignore Initial commit Aug 9, 2019
LICENSE Initial commit Aug 9, 2019
README.md Added url support. Aug 9, 2019
index.js Updated export visibility. Aug 9, 2019
package.json Added url support. Aug 9, 2019
yarn.lock Added url support. Aug 9, 2019

README.md

react-native-twitter-textview

A <Text/> component for React Native and React Native Web that automatically detects #hashtags and @mentions.

🚀 Getting Started

Using npm:

npm install --save react-native-twitter-textview

Using yarn:

yarn add react-native-twitter-textview

✍️ Usage

It's super easy; just replace your React Native <Text /> component with a <TwitterTextView />, and there you go!

const App = () => {
  const [value, onChangeText] = useState('');
  return (
    <View
      style={StyleSheet.absoluteFill}
    >
      <TextInput
        onChangeText={onChangeText}
        value={value}
        placeholder="Type some #hashtags or @mentions to get started."
        multiline
        numberOfLines={4}
      />
      <TwitterTextView
        style={styles.twitterTextView}
        hashtagStyle={styles.hashtagStyle}
        mentionStyle={styles.mentionStyle}
        linkStyle={styles.linkStyle}
      >
        {value}
      </TwitterTextView>
    </View>
  );
}

📋 Props


Prop Type Default Required Description
children string '' No The text to render.
extractHashtags bool true No Whether you wish to support hashtags.
onPressHashtag func (e, hashtag) => null No Called when a detected hashtag is clicked.
hashtagStyle shape[object Object] styles.linkStyle No Hashtag style.
extractMentions bool true No Whether you wish to support mentions.
onPressMention func (e, hashtag) => null No Called when a detected mention is clicked.
mentionStyle shape[object Object] styles.linkStyle No Mention style.
extractLinks bool true No Whether you wish to support links.
onPressLink func (e, link) => Linking.openURL(link) No Called when a detected link is clicked.
linkStyle shape[object Object] styles.linkStyle No Link style.

✌️ License

MIT

You can’t perform that action at this time.