React native , 在 webview 中打开一个 url

Question

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

我正在寻找与 facebook 应用程序相同的行为。单击 http link 后，应用程序会打开一个网络视图。

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


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

谢谢。

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

这将给出结果

React native , open a url in webview