How to reload a website in React Native WebView

In this React Native source code example, the source code below illustrate how to reload a website in 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';
import {Button, View} from 'react-native'

export default class App extends Component {
  reload(){
    this.myWebView.reload()
  }
  render() {
    return (
      <View style={{flex:1}}>
      <WebView
         style={{flex: 1}}
         originWhitelist={['*']}
         source={{ uri: "https://google.com" }}
         style={{ marginTop: 20 }}
         ref={(ref) => this.myWebView = ref}
       />
     <Button onPress={()=>this.reload()} title="reload" />
   </View>
    );
  }
}

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