美文网首页React Native开发
react-native 应用android返回键控制

react-native 应用android返回键控制

作者: 蜗牛的学习方法 | 来源:发表于2018-05-19 13:25 被阅读7次

android返回键主要代码参考

componentWillMount(){

    if (Platform.OS === 'android') {

        BackAndroid.addEventListener('hardwareBackPress', this.onBackAndroid);

    }

},

componentWillUnmount(){

    if (Platform.OS === 'android') {

        BackAndroid.removeEventListener('hardwareBackPress', this.onBackAndroid);

    }

},

onBackAndroid () {

    var routers = this.refs.navigator.getCurrentRoutes();

    if (routers.length > 1) {

        this.refs.navigator.pop();

        return true;//接管默认行为

    } else {

        //到了主页了

        if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {

            //最近2秒内按过back键,可以退出应用。

            return false;

        }

        this.lastBackPressed = Date.now();

        ToastAndroid.show('再按一次退出应用', ToastAndroid.SHORT)

        return true;

    }

}

该代码要写在注册组件里面,不需要每个组件都写

主要在注册组件里面写一遍就能实现

AppRegister就是注册组件

相关文章

网友评论

    本文标题:react-native 应用android返回键控制

    本文链接:https://www.haomeiwen.com/subject/oiwodftx.html