反应原生，在 webview 中打开一个 url

【问题标题】：React native , open a url in webview反应原生，在 webview 中打开一个 url
【发布时间】：2015-08-04 06:18:52
【问题描述】：

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

我正在寻找与 facebook 应用程序相同的行为。一旦你点击 http 链接，应用就会打开一个 webview。

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


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

谢谢。

【问题讨论】：

【解决方案1】：

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

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

并且在初始状态下给一个默认的 url 或者没有 url

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'});
}

这将给出结果

【讨论】：