Dingdong_app/models/loadingModel.js

import { Toast, Portal } from "@ant-design/react-native";
// 加载页
export default {
  state: {
    status: "loading",
    title: "成功",
    show: false,
    time: -1,
  },
  actions: ({ model, setState }) => ({
    loading() {
      const key = Toast.loading("Loading...", 0);
      setState({
        key,
      });
    },
    success(title) {
      setState({
        status: "success",
        title,
        show: true,
        time: 3000,
      });
      const { setTime } = model();
      setTime();
    },
    warnning(title) {
      setState({
        status: "warn",
        title,
        show: true,
        time: 3000,
      });
      const { setTime } = model();
      setTime();
    },
    setTime() {
      const { time, show, clear } = model();
      if (time > 0 && show) {
        setTimeout(() => {
          if (show) {
            clear();
          }
        }, time);
      }
    },
    clearLoading() {
      const { key } = model();
      if (key) {
        Portal(key);
      }
    },
  }),
};