代码之家 › 专栏 › 技术社区 › Andrei Todorut

ReactNative文本视图中的链接

hyperlink react-native

0

Andrei Todorut · 技术社区 · 7 年前

我想在ReactNative文本视图中添加一个外部链接。怎么能做到?

我刚试过这个,它在工作,但我想有所有默认颜色的链接。

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

是否有仅用于生成链接的库ReactNative库?

1 回复 | 直到 7 年前

1

4

Sean Hayes 7 年前

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