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

ReactNative文本视图中的链接

hyperlink react-native

Andrei Todorut · 技术社区 · 6 年前

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

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

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

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

1 回复 | 直到 6 年前

Sean Hayes 6 年前

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

推荐文章

Haim Ohayon · 这些链接之间有什么区别?

2 年前

Ancross · 链接未路由到组件

2 年前

shellz · 如何在html中设置切换到不同部分的动画?

2 年前

Dylan L. · React Router v6链接组件不更改根url处的页面

2 年前

Jake · 如何在php中回显链接到网站的照片?

2 年前

May Mammaz · Streamlight数据帧中的超链接

2 年前

GraphiX · 当使用“超链接”容器时,屏幕大小不会缩小

6 年前

Pim92 · fpdf:具有动态变量名的多个动态链接

6 年前

viswanathan R · 地址和电话号码在gmail中以蓝线显示

6 年前

Brian Duncan · 无理由包含当前url的HTML链接

6 年前