Question

我想在ReactNative TextView中添加一个外部链接。怎么办呢？

我刚刚尝试过，它可以正常工作，但是我希望所有链接都使用默认颜色。

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

是否存在仅用于链接生成的库ReactNative库？

Answer 1

嗨，我将按如下所示制作自定义组件。

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" />
}

这样，您可以将所有链接设置为蓝色，将来如果您更喜欢黄色，则可以更改一行，所有链接都将更改颜色。祝您好运，如果有任何不清楚的地方，请告诉我。

ReactNative TextView中的链接

1 个答案: