在视图中添加网络链接

时间:2018-09-24 09:17:46

标签: react-native

我正在创建我的第一个React-Native项目,并打算在视图中添加一个链接。

 <TouchableOpacity
   style={redditMain} > 
     <Image 
      source={ this.image }
       style={img} />
     <Text style={RedditList}>{this.text}</Text>
      </TouchableOpacity>

我经历了React-Native docs,我在思考如何实现这一目标,因为他们已经在文档中写了

要启动corresponding activity for a link(网络URL,电子邮件,联系人等),请致电

Linking.openURL(url).catch(err => console.error('An error occurred', err));

所以我相应地更改了代码

  <TouchableOpacity
   onPress={() => {Linking.openURL('http://www.google.com/')}}
   style={redditMain} > 
    <Image 
     source={ this.image }
     style={img}
       /> 
     <Text style={RedditList}>{this.text}</Text>
     </TouchableOpacity>

因此,每当我单击它时,它都会引发以下错误

  

未定义链接

[问题:] 如何解决?

1 个答案:

答案 0 :(得分:1)

import { Linking } from 'react-native';