Ссылки в ReactNative TextView

Question

Я хочу добавить внешнюю ссылку в ReactNative TextView. Как это можно сделать?

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

<Text style={{color: 'blue'}}
      onPress={() => Linking.openURL('http://google.com')}>
  View more details
</Text>

Существует ли библиотека ReactNative только для генерации ссылок?

Answer 1

HI Я бы сделал пользовательский компонент, как показано ниже.

import * as React from 'react'
import {Text} from 'react-native'

export default ({url, text}) => {
  return <Text 
    style={{color: 'blue'}} 
    onPress={() => Linking.openUrl(url)}
  >{text}</Text>
}

Тогда вы можете использовать его следующим образом.

import Link from './link' // Where ever it is.
import * as React from 'react'

export default() => {
  return <Link url="http://google.com" text="View more details" />
}

Таким образом, вы можете иметь все свои ссылки синим цветом, и в будущем, если вы предпочитаете желтый, вы можете изменить одну строку, и все ссылки будут менять цвет. Удачи, если что-то неясно, дайте мне знать.