onConfirmToExit

Cập nhật lần cuối: 27/05/2022

Nghe sự kiện user nhấn nút đóng Mini App.

Parameters

Callback function

Thêm callback function sẽ thực thi khi có event (user nhấn nút đóng trên thanh Mini App Control)

Sample Code

import { onConfirmToExit } from "zmp-sdk/apis";

onConfirmToExit(() => {
  // handle callback function sẽ thực thi khi có event
});

Ví dụ hiện dialog xác nhận đóng Mini App khi nhấn nút đóng Mini App với React

import React, { useEffect } from "react";
import { onConfirmToExit, offConfirmToExit, closeApp } from "zmp-sdk/apis";
import { App, Modal } from "zmp-ui";

export default () => {
  const [confirmModalVisible, setConfirmModalVisible] = useState(false);

  useEffect(() => {
    onConfirmToExit(() => setConfirmModalVisible(true));
    return () => offConfirmToExit();
  }, []);

  return (
    <App>
      <Modal
        visible={confirmModalVisible}
        title="Confirm to exit"
        description="Are you sure you want to exit?"
        actions={[
          {
            text: "No",
            onClick: () => {
              setConfirmModalVisible(false);
            },
            highLight: true,
          },
          {
            text: "Yes",
            onClick: () => {
              closeApp();
            },
          },
        ]}
      />
    </App>
  );
};