如何使Alert / Modal / Dialog服务在应用程序关闭时显示为react native？

// AlertService.js

import { Alert, Modal } from 'react-native';

export function showAlert(title, message, buttons) {
  Alert.alert(title, message, buttons);
}

export function showModal(content, style, closeButton) {
  return (
    <Modal visible={true} style={style}>
      {content}
      {closeButton}
    </Modal>
  );
}

export function showDialog(title, content, buttons) {
  // Custom dialog implementation
}

// App.js

import React from 'react';
import { View, Button } from 'react-native';
import { showAlert, showModal, showDialog } from './AlertService';

export default function App() {
  const handleAlertButtonPress = () => {
    showAlert('Alert', 'This is an alert!', [{ text: 'OK' }]);
  };

  const handleModalButtonPress = () => {
    const content = <View><Text>This is a modal!</Text></View>;
    const style = { flex: 1, justifyContent: 'center', alignItems: 'center' };
    const closeButton = <Button title="Close" onPress={() => {}} />;
    showModal(content, style, closeButton);
  };

  const handleDialogButtonPress = () => {
    showDialog('Dialog', 'This is a dialog!', [{ text: 'OK' }]);
  };

  return (
    <View>
      <Button title="Show Alert" onPress={handleAlertButtonPress} />
      <Button title="Show Modal" onPress={handleModalButtonPress} />
      <Button title="Show Dialog" onPress={handleDialogButtonPress} />
    </View>
  );
}