React Native 实现首页双击退出

最近在做一个跨平台的项目,刚用Tab-Navigator做完首页底部导航菜单,发现个问题,Android返回键一按下,app就退出了,这不符合app的玩法啊,各种找解决方案,终于实现了.暂时先做个记录,后面在详细完善下全局的返回键处理

var firstClick = 0;
export default class MainActivity extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            selectedTab: 'home',
        }
        this.handleBack = this.handleBack.bind(this);
    }

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

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

    handleBack = () => {
        var timestamp = (new Date()).valueOf();
        if (timestamp - firstClick > 2000) {
            firstClick = timestamp;
            ToastAndroid.show('再按一次退出', ToastAndroid.SHORT);
            return true;
        } else {
            return false;
        }

    }

QQ图片20170517172741.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,593评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 也许我的人生终究是混沌无目的 而您却在那刻使我清晰 狂热的爱意让我恍如醉于粉色香气的玫瑰花丛里 而我努力迷离着睁开...
    蓝鲸野火阅读 380评论 0 4
  • 百步穿杨直击灵魂深处的词。
    kk龙阅读 167评论 0 0
  • 公元2017年2月17日 凌晨4点,多年没打的欧联杯,又要继续开干! 坐镇老特拉福德,迎来来自法甲的防守强队圣埃蒂...
    云龙聊球阅读 167评论 0 1