CODEWITHSUNDEEP
react-native
doron aviguy
doron aviguy

Reputation: 2944

React native , open a url in webview

Im not familiar with ios app development , but is there a simple way to open a url in myApp's webview , in a simple way ?

Im looking for the same behaviour of facebook's app. once you click on http link , a webview is opened by the app.

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


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

Thanks.

Upvotes: 3

Views: 13590

Answers (1)

JEROM JOY
JEROM JOY

Reputation: 4590

Hi You can use WebView component in reactnative.

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

and in initial state give a default url or no url

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

and then at inside render add component

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

Now add your code

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

This will give the result

Upvotes: 2

Related Questions