React 本机应用程序，按 android-phone 后退按钮应该刷新上一个页面或组件吗？

Question

我在我的 react-native 应用程序中使用 react-navigation 5。我有两个名为 A 和 B 的组件（例如）。从 A 组件我可以转到 B 组件，从 B 组件我可以转到 A 组件并可以刷新组件 A。但是当我按下 android-系统后退按钮时，该按钮在 android [=22 下面可用=] 我无法刷新之前的组件 (A)。

示例代码：

Class A extend React.component{
   componentdidmount = () => {
      //some api call
   }
render(){
   return(
     <Button onPress={this.props.navigation.push("B")}> Goto B Component</Button>
   );
}
}

Class B extend React.component{
   componentdidmount = () => {
      //some api call
   }
render(){
   return(
     <Button onPress={this.props.navigation.push("A")}> Goto A Component</Button>
   );
}
}

如何在按下android-系统后退按钮时刷新上一个组件？谢谢

Answer 1

试试这个

import { BackHandler } from "react-native";         

componentDidMount()
  {BackHandler.addEventListener('hardwareBackPress',this.handleBackButtonClick);}

componentWillUnmount()
  {BackHandler.removeEventListener('hardwareBackPress',this.handleBackButtonClick);}    
    
handleBackButtonClick = () => {this.props.navigation.push("B"); return true;};

React 本机应用程序，按 android-phone 后退按钮应该刷新上一个页面或组件吗？

React native app, pressing android-phone back-button should refresh previous page or component?

javascript

reactjs

react-native

react-navigation