React native，在webview中打开一个网址

Question

我不熟悉ios应用开发，但有一种简单的方法可以在myApp的webview中以简单的方式打开网址吗？

我正在寻找facebook的应用程序的相同行为。单击http链接后，应用程序将打开一个Web视图。

clickHndlr: function() {
   someNativeOrNonNativeModule.openUrl('http://google.com');
}


<Text onClick={this.clickHndlr}>google</Text> 

感谢。

Answer 1

您好您可以在reactnative中使用WebView组件。

var {
  ....,
  WebView,
} = React;

并在初始状态下提供默认网址或无网址

getInitialState: function() {
 return {
  url: '', // or default url
  yourInitialStates: 'value',
 };
},

然后在内部渲染添加组件

<WebView ....your styles, properties
  url={this.state.url}
/>

现在添加你的代码

clickHndlr: function() {
 this.setState({url:'http://google.com'});
}

这将给出结果