React Native 监听Back双击退出实现+APP前后台状态监听

最新推荐文章于 2024-08-19 09:59:19 发布

鼎鼎浩

最新推荐文章于 2024-08-19 09:59:19 发布

阅读量4.5k

点赞数

分类专栏： React Native

本文链接：https://blog.csdn.net/Z_DingHao/article/details/79074284

版权

本文介绍了如何在React Native中实现在按下Back键双击时退出应用，以及如何监听APP的前后台状态变化。通过APPState的状态码，可以在不同状态下执行相应操作。

摘要由CSDN通过智能技术生成

/**
* 关于前后台监听，HOME直接后台不执行component相关周期函数，back
* 后台是执行的，back后返回应该是重新render了，所以监听HOME或者
* BACK可以同一使用APPState的状态码来操作
* APPState是有三个状态码的，有一个不常用就没写
*/

import React, { Component } from 'react';
import {
  ToastAndroid,
  AppState,
  BackHandler,
  TouchableHighlight,
  Platform,
  StyleSheet,
  Text,
  View,
  Alert
} from 'react-native';

const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
  android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});


const lastBackPressed = Date.now();

type S