Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toast is not convenient

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

No more Portal for Toast removing（Toast 自带 show / hide 方法，不再引入 Portal 去 remove

import { Portal, Toast } from '@ant-design/react-native'
const key = Toast.loading('messsage')
Portal.remove(key)

Real Optional Parameters（Toast 参数应该选填，同时做到 API 向后兼容，现在如果想要 mask = false，需要把前面的参数都传入进去

Toast.info('Toast without mask !!!', 1, undefined, false);

What does the proposed API look like?

Toast.success({ content: 'hi', mask: true });
Toast.success('hi');

目前我直接加了一层进行适配

import { Toast as AntdToast } from '@ant-design/react-native';

interface IProps {
  content: string;
  duration?: number;
  onClose?: () => void;
  mask?: boolean;
}

// Order is important!
const defaultProps = new Map<keyof IProps, any>();
defaultProps.set('content', '');
defaultProps.set('duration', 2);
defaultProps.set('onClose', () => {});
defaultProps.set('mask', false);

const getAntdProps = (props: IProps | string) => {
  let _props = props as IProps;
  if (typeof _props === 'string') {
    _props = {
      content: _props,
    };
  }

  const propsMap = new Map(defaultProps);

  const antdProps: [
    string?,
    (number | undefined)?,
    ((() => void) | undefined)?,
    (boolean | undefined)?,
  ] = [];

  Array.from(propsMap.keys()).forEach(key => {
    antdProps.push(_props[key] || propsMap.get(key));
  });

  return antdProps as [
    string,
    (number | undefined)?,
    ((() => void) | undefined)?,
    (boolean | undefined)?,
  ];
};

const Toast = {
  success(props: IProps | string) {
    AntdToast.success.apply(null, getAntdProps(props));
  },
  fail(props: IProps | string) {
    AntdToast.fail.apply(null, getAntdProps(props));
  },
  info(props: IProps | string) {
    AntdToast.info.apply(null, getAntdProps(props));
  },
  loading(props: IProps | string) {
    AntdToast.loading.apply(null, getAntdProps(props));
  },
  offline(props: IProps | string) {
    AntdToast.offline.apply(null, getAntdProps(props));
  },
};

export { Toast };
export default Toast;