Version: 2.x

Taro.showModal(option)

显示模态对话框注意

Android 6.7.2 以下版本，点击取消或蒙层时，回调 fail, errMsg 为 "fail cancel"；
Android 6.7.2 及以上版本和 iOS 点击蒙层不会关闭模态弹窗，所以尽量避免使用「取消」分支中实现业务逻辑

参考文档

类型#

(option: Option) => Promise<SuccessCallbackResult>

参数#

Option#

参数	类型	必填	说明
cancelColor	`string`	否	取消按钮的文字颜色，必须是 16 进制格式的颜色字符串
cancelText	`string`	否	取消按钮的文字，最多 4 个字符
complete	`(res: CallbackResult) => void`	否	接口调用结束的回调函数（调用成功、失败都会执行）
confirmColor	`string`	否	确认按钮的文字颜色，必须是 16 进制格式的颜色字符串
confirmText	`string`	否	确认按钮的文字，最多 4 个字符
content	`string`	否	提示的内容
fail	`(res: CallbackResult) => void`	否	接口调用失败的回调函数
showCancel	`boolean`	否	是否显示取消按钮
success	`(result: SuccessCallbackResult) => void`	否	接口调用成功的回调函数
title	`string`	否	提示的标题

SuccessCallbackResult#

参数	类型	说明
cancel	`boolean`	为 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭）
confirm	`boolean`	为 true 时，表示用户点击了确定按钮
errMsg	`string`	调用结果

示例代码#

Taro.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

API 支持度#

API	微信小程序	H5	React Native
Taro.showModal	✔️	✔️	✔️