zoukankan      html  css  js  c++  java
  • 【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);
        }

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

  • 相关阅读:
    redux和react-redux做简单组件控制
    store(转)
    react+redux开发详细步骤
    rudex 实现流程
    react eject 报错
    react生命周期
    python logging
    hihocoder 1754
    hihocoder_offer收割编程练习赛58
    内存检查
  • 原文地址:https://www.cnblogs.com/xjf125/p/12290270.html
Copyright © 2011-2022 走看看