首页 > 解决方案 > react-native 中 BackHandler 的实现

问题描述

有人可以解释一下 BackHandler 的实现,还请删除一些带有 goBack 函数的示例。

标签: reactjsreact-nativereact-native-androidjsx

解决方案


BackHandler第1步:像这样 导入,import {BackHandler} from 'react-native';

第 2 步:注册一个用户定义方法,BackHandler并在组件分离时取消注册它,所以我们必须在里面编写代码componentDidMount()componentWillUnmount()所以这里是步骤。

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

componentWillUnmount(){
    BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress);
}

handleBackPress = () => {
    this.props.navigation.goBack(null)
    return true;
}

推荐阅读