美文网首页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