博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React-Native Android物理返回键
阅读量:4084 次
发布时间:2019-05-25

本文共 1578 字,大约阅读时间需要 5 分钟。

项目中真实运用到的

/** * Created by tulin1 on 2017/2/7. */import React, {Component} from 'react';import {    View,    BackAndroid,    ToastAndroid} from 'react-native';import Main from '../Main/Main';import NavbarComp from '../Navigator/navigator'export default class IndexView extends Component {    //注册Android环境物理返回监听事件    componentWillMount(){        BackAndroid.addEventListener('hardwareBackPress', this.onBackAndroid);    }    //解绑Android环境物理返回监听事件    componentWillUnmount() {        BackAndroid.removeEventListener('hardwareBackPress', this.onBackAndroid);    }    //Android物理返回键处理    onBackAndroid = () => {        const routers = this.props.navigator.getCurrentRoutes();        // 当前页面不为root页面时的处理        if (routers.length > 1) {            const top = routers[routers.length - 1];            if (top.ignoreBack || top.component.ignoreBack) {                // 路由或组件上决定这个界面忽略back键                return true;            }            const handleBack = top.handleBack || top.component.handleBack;            if (handleBack) {                // 路由或组件上决定这个界面自行处理back键                return handleBack();            }            // 默认行为: 退出当前界面。            navigator.pop();            return true;        }        if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {            //最近2秒内按过back键,可以退出应用。            return false;        }        this.lastBackPressed = Date.now();        ToastAndroid.show('再按一次退出应用', ToastAndroid.SHORT);        return true;    };    render() {        return (            
); }}

转载地址:http://rueni.baihongyu.com/

你可能感兴趣的文章
微信小程序 Audio API
查看>>
[React Native]react-native-scrollable-tab-view(进阶篇)
查看>>
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
查看>>
React Native for Android 发布独立的安装包
查看>>
React Native应用部署/热更新-CodePush最新集成总结(新)
查看>>
react-native-wechat
查看>>
基于云信的react-native聊天系统
查看>>
网易云音乐移动客户端Vue.js
查看>>
ES7 await/async
查看>>
ES7的Async/Await
查看>>
React Native WebView组件实现的BarCode(条形码)、(QRCode)二维码
查看>>
每个人都能做的网易云音乐[vue全家桶]
查看>>
JavaScript专题之数组去重
查看>>
Immutable.js 以及在 react+redux 项目中的实践
查看>>
Vue2.0全家桶仿腾讯课堂(移动端)
查看>>
React+Redux系列教程
查看>>
react-native 自定义倒计时按钮
查看>>
19 个 JavaScript 常用的简写技术
查看>>
ES6这些就够了
查看>>
微信小程序:支付系列专辑(开发指南+精品Demo)
查看>>