title: Taro.showToast(option)

sidebar_label: showToast

显示消息提示框

注意

  • Taro.showLoading 和 Taro.showToast 同时只能显示一个
  • Taro.showToast 应与 Taro.hideToast 配对使用

支持情况:showToast - 图1 showToast - 图2 showToast - 图3

参考文档

类型

  1. (option?: Option) => Promise<TaroGeneral.CallbackResult>

参数

参数 类型
option Option

Option

参数 类型 必填 说明
title string 提示的内容
complete (res: TaroGeneral.CallbackResult) => void 接口调用结束的回调函数(调用成功、失败都会执行)
duration number 提示的延迟时间
fail (res: TaroGeneral.CallbackResult) => void 接口调用失败的回调函数
icon “success” or “error” or “loading” or “none” 图标

可选值:
- ‘success’: 显示成功图标,此时 title 文本最多显示 7 个汉字长度;
- ‘error’: 显示失败图标,此时 title 文本最多显示 7 个汉字长度;
- ‘loading’: 显示加载图标,此时 title 文本最多显示 7 个汉字长度;
- ‘none’: 不显示图标,此时 title 文本最多可显示两行
image string 自定义图标的本地路径,image 的优先级高于 icon
mask boolean 是否显示透明蒙层,防止触摸穿透
success (res: TaroGeneral.CallbackResult) => void 接口调用成功的回调函数

示例代码

  1. Taro.showToast({
  2. title: '成功',
  3. icon: 'success',
  4. duration: 2000
  5. })