Реагировать родной клик на выделенное слово

Question

Я использую https://github.com/clauderic/react-native-highlight-words, чтобы выделить слова с хеш-тегами в моем приложении Reaction-native. Он правильно выделяет нужные слова, но я также хочу сделать его кликабельным, что не предусмотрено этой библиотекой. Значит когда я нажму #positivewibes Словом, это перенаправит меня на другую страницу. Я загрузил изображение для справки здесь.

Мой код

import Highlighter from 'react-native-highlight-words';

export default class LikeComponent extends Component {
    constructor(props) {
        super(props);
        this.state = {
            highlightWordArray: []
        };
    }
    componentDidMount() {
        postText = this.props.postData.details;
        var regexp = new RegExp('#([^\\s]*)','g');
        postText = postText.match(regexp);
        if(postText != null) {
            this.setState({highlightWordArray: postText});
        }
    }
    render() {
       return (
         <Highlighter
           highlightStyle={{color: 'red'}}
           searchWords={this.state.highlightWordArray}
           textToHighlight= {this.props.postData.details}
         />
      )}
}

Любая помощь приветствуется. Спасибо.

Answer 1

Вы можете раскошелиться и изменить код библиотеки, предоставив дополнительную поддержку - onPress в файле как

<Text 
   onPress={props.onPress}
   key={index}
   style={chunk.highlight && highlightStyle}
>
  {text}
</Text>

а потом использовать его как

<Highlighter
   ...// other props
   onPress={// your redirect instance}
/>