React native run website as app with back button press to go back previous URL

App.js

import React from 'react';
import { WebView } from 'react-native-webview';
import {
  View,
  BackHandler,
  Platform,
  StyleSheet,
  StatusBar,
} from 'react-native';


export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    }
  }

  webView = {
    canGoBack: false,
    ref: null,
  }

  onAndroidBackPress = () => {
    if (this.webView.canGoBack && this.webView.ref) {
      this.webView.ref.goBack();
      return true;
    }
    return false;
  }

  componentWillMount() {
    if (Platform.OS === 'android') {
      BackHandler.addEventListener('hardwareBackPress', this.onAndroidBackPress);
    }
  }

  componentWillUnmount() {
    if (Platform.OS === 'android') {
      BackHandler.removeEventListener('hardwareBackPress');
    }
  }

  render(){
    return (
      <>
        <StatusBar backgroundColor="#f48024" />
        <View style={{flex:1}}>
          <WebView
            source={{ uri: '' }}
            ref={(webView) => { this.webView.ref = webView; }}
            onNavigationStateChange={(navState) => { this.webView.canGoBack = navState.canGoBack; }}
            style={{flex: 1}}
          />
        </View>
      </>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});