跳到主要内容

useToast

显示或隐藏消息提示框

何时使用

当需要使用消息提示框

API

const { show, hide } = useToast(initialOption);

参数说明

initialOption: ToastOption

初始提示框配置(若指定后面可与新的配置合并)

参数说明类型默认值
title提示的内容string-
duration提示的延迟时间number-
icon图标"success" or "error" or "loading" or "none"-
image自定义图标的本地路径,image 的优先级高于 iconstring-
mask是否显示透明蒙层,防止触摸穿透boolean-

返回值说明

返回值说明类型
show显示消息提示框PromiseOptionalAction<ToastOption>
hide隐藏提示框PromiseWithoutOptionAction

代码演示

Hook 支持度

微信小程序H5ReactNative
✔️✔️✔️