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

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 {

  // override the backbutton

  BackHandler.addEventListener('hardwareBackPress', function() {    

    if(this.webref){

      this.webref.goBack();

    }

    return true;

  });

  render() {

    return (

      <WebView

        ref={r => (this.webref = r)} // create a ref to your webview

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

        style={{ marginTop: 20 }}

      />

    );

  }

}