Taro.showModal(OBJECT)

​显示模态弹窗,支持 Promise 化使用。

OBJECT 参数说明:

参数类型必填说明
titleString提示的标题
contentString提示的内容
showCancelBoolean是否显示取消按钮,默认为 true
cancelTextString取消按钮的文字,默认为"取消",最多 4 个字符
cancelColorHexColor取消按钮的文字颜色,默认为"#000000"
confirmTextString确定按钮的文字,默认为"确定",最多 4 个字符
confirmColorHexColor确定按钮的文字颜色,默认为"#3CC51F"
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明:

参数值类型说明
confirmBoolean为 true 时,表示用户点击了确定按钮
cancelBoolean为 true 时,表示用户点击了取消

示例代码

  1. import Taro from '@tarojs/taro'
  2. // 注意:无论用户点击确定还是取消,Promise 都会 resolve。
  3. Taro.showModal({
  4. title: 'xxx',
  5. content: 'hello world',
  6. })
  7. .then(res => console.log(res.confirm, res.cancel))

API支持度

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