在世博会的网页浏览页面之间导航

Question

我在托管的工作流程中构建了一个世博会应用程序（Android），其中包含一个包含Web视图的静态屏幕。

import React, { Component, useState } from "react";

import { Alert, StyleSheet, Text, TouchableHighlight, View, Modal } from 'react-native';

import { WebView } from 'react-native-webview';

export default class MyWeb extends Component {

  render() {

    return (

      <WebView

        source={{ uri: 'https://example.com/forum/' }}

        style={{ marginTop: 20 }}

      />

    );

  }

}

现在我想配置Android后退按钮切换到最新打开的网页，而不是关闭应用程序。正常的路由是不可能的，因为它是一个论坛，并且有许多经常更改的页面和子页面。

是否可以像普通网页浏览器中的“后退”按钮一样配置“后退”按钮（在WebView中按下一页）？

Answer 1

您可以使用BackHandler覆盖Android后退按钮export default class MyWeb extends Component {&nbsp; // override the backbutton&nbsp; BackHandler.addEventListener('hardwareBackPress', function() {&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; if(this.webref){&nbsp; &nbsp; &nbsp; this.webref.goBack();&nbsp; &nbsp; }&nbsp; &nbsp; return true;&nbsp; });&nbsp; render() {&nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; <WebView&nbsp; &nbsp; &nbsp; &nbsp; ref={r => (this.webref = r)} // create a ref to your webview&nbsp; &nbsp; &nbsp; &nbsp; source={{ uri: 'https://example.com/forum/' }}&nbsp; &nbsp; &nbsp; &nbsp; style={{ marginTop: 20 }}&nbsp; &nbsp; &nbsp; />&nbsp; &nbsp; );&nbsp; }}