How to redirect to a new page from React Native WebView

In this React Native source code example, the source code below illustrate how to redirect to a new page from React Native WebView.

You can copy and adopt this source code example to your React Native project without reinventing the wheel.

import React, { Component } from 'react';
import { WebView } from 'react-native-webview';

export default class App extends Component {
  state={
    uri: 'https://facebook.github.io/react-native/'
  };
  redirect(){
    this.setState({uri :'https://google.com'});
    }
  render() {
    return (
      <WebView
        source={{ uri:this.state.uri }}
        onLoadStart={() =>this.redirect()}
      />
    );
  }
}

If you have any questions or suggestions kindly use the comment box or you can contact us directly through our contact page below.

 

Add a Comment