在React Native中按backpress exit之前显示提示

import React, { useEffect } from 'react';
import { BackHandler, Alert } from 'react-native';

const MyComponent = () => {
  useEffect(() => {
    const backAction = () => {
      Alert.alert(
        '退出提示',
        '确定要退出应用吗？',
        [
          { text: '取消', style: 'cancel' },
          { text: '确定', onPress: () => BackHandler.exitApp() }
        ],
        { cancelable: false }
      );
      return true; // 返回true表示已处理返回按钮事件
    };

    const backHandler = BackHandler.addEventListener(
      'hardwareBackPress',
      backAction
    );

    return () => backHandler.remove(); // 组件卸载时取消事件监听

  }, []);

  return (
    // 组件的内容
  );
};

export default MyComponent;