【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);
    }

  不會寫,也是網上抄的,步驟分清楚,以防后期忘記掉。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM