Сделать строку добавить с гиперссылкой в ​​реагировать родной?

Question

Я хочу сделать мою строку кликабельной и добавить гиперссылку на строку.поэтому, где бы ни отображалась моя строка, можно нажимать.любые предложения

Answer 1

Вы можете использовать библиотекуact-native-parsed-text.

Пример:

import ParsedText from 'react-native-parsed-text';

class Example extends React.Component {
  static displayName = 'Example';

  handleUrlPress(url) {
    Linking.openURL(url);
  }

  render() {
    return (
      <View style={styles.container}>
        <ParsedText
          style={styles.text}
          parse={
            [
              {type: 'url',                       style: styles.url, onPress: this.handleUrlPress},
            ]
          }
          childrenProps={{allowFontScaling: false}}
        >
          My text with URL here
        </ParsedText>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },

  url: {
    color: 'red',
    textDecorationLine: 'underline',
  },

});

Вот ссылка на документацию библиотеки: https://github.com/taskrabbit/react-native-parsed-text

Answer 2

Компонент Text в React Native имеет onPress в качестве одного из своих свойств.Вы можете использовать его для обработки действия щелчка.

<Text onPress={()=>{Linking.openURL('https://google.com')}>My Text</Text>

источник: https://facebook.github.io/react-native/docs/text#onpress