【React Native】某个页面禁用物理返回键

时间:2023-03-09 16:33:46
【React Native】某个页面禁用物理返回键

 1、引入组件

import {

  BackHandler,

} from 'react-native';

 2、添加监听

componentDidMount(): void {

      BackHandler.addEventListener('hardwareBackPress',
this.onBackButtonPressAndroid); }

 3、监听方法

onBackButtonPressAndroid = () => {
if (this.props.navigation.isFocused()) {
if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {
//最近2秒内按过back键,可以退出应用。
return false;
}
this.lastBackPressed = Date.now();
ToastAndroid.show('再按一次退出应用', ToastAndroid.SHORT);
return true;
}
}

 4、删除监听

componentWillUnmount(): void {
BackHandler.removeEventListener('hardwareBackPress',
this.onBackButtonPressAndroid);
}

  不会写,也是网上抄的,步骤分清楚,以防后期忘记掉。