Back to Uni App

Prompt

docs/api/prompt.md

2.3.327.7 KB
Original Source

uni.showToast(options) @showtoast

显示消息提示框

showToast 兼容性

Web微信小程序AndroidiOSiOS uni-app x UTS 插件HarmonyOSHarmonyOS(Vapor)
4.04.413.914.114.114.615.0

参数

名称类型必填默认值兼容性描述
optionsShowToastOptions-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -uni.showToast参数定义

options 的属性描述

名称类型必备默认值兼容性描述
titlestring-Web: 4.0; 微信小程序: 4.41; Android: 3.91; iOS: 4.11; iOS uni-app x UTS 插件: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0提示的内容,长度与 icon 取值有关。
iconstring"success"Web: 4.0; 微信小程序: 4.41; Android: 3.91; iOS: 4.11; iOS uni-app x UTS 插件: 4.11; HarmonyOS: xicon值说明
imagestring.ImageURIString-Web: 4.0; 微信小程序: 4.41; Android: 3.91; iOS: 4.11; iOS uni-app x UTS 插件: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0自定义图标的本地路径(app端暂不支持gif)
maskbooleanfalseWeb: 4.0; 微信小程序: 4.41; Android: 3.91; iOS: 4.11; iOS uni-app x UTS 插件: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0是否显示透明蒙层,防止触摸穿透
durationnumber1500Web: 4.0; 微信小程序: 4.41; Android: 3.91; iOS: 4.11; iOS uni-app x UTS 插件: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0提示的延迟时间,单位毫秒
positionstring-Web: x; 微信小程序: 4.41; Android: 3.91; iOS: 4.11; iOS uni-app x UTS 插件: 4.11; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0position值说明。纯文本轻提示显示位置,填写有效值后只有 title 属性生效,且不支持通过 uni.hideToast 隐藏。
success(res: ShowToastSuccess) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.showToast成功回调函数定义
fail(res: ShowToastFail) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.showToast失败回调函数定义
complete(res: any) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.showToast完成回调函数定义
icon 的属性描述
合法值兼容性描述
successWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -显示成功图标
errorWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -显示错误图标
failWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -显示错误图标,此时title文本无长度显示,支付宝、抖音小程序生效
exceptionWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -显示异常图标,此时title文本无长度显示,支付宝小程序生效
loadingWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -显示加载图标
noneWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -不显示图标
position 的属性描述
合法值兼容性描述
topWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -居上显示
centerWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -居中显示
bottomWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -居底显示

ShowToastFail 的属性值 @showtoastfail-values

名称类型必备默认值兼容性描述
errCodenumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -错误码
errSubjectstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -统一错误主题(模块)名称
dataany-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -错误信息中包含的数据
causeError-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -源错误信息,可以包含多个错误,详见SourceError
errMsgstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -

errCode 的属性描述

合法值兼容性描述
1Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -撤销
1001Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -请求参数非法
<!-- UTSAPIJSON.showToast.example -->

参见

注意事项

  • App平台 position 参数特别说明

如果没有设置 position 字段,uni.showToast 会采用应用弹窗方案,即弹窗与页面生命周期绑定。 页面关闭时,当前页面弹出的所有弹窗都会被自动取消。

如果设置了position 字段,uni.showToast 会采用系统弹窗方案,即弹窗与页面无绑定关系。 页面关闭后,弹出中的/等待弹出的Toast会继续展示。

系统弹窗在部分系统(比如 MIUI,Google)可能会有应用图标前缀。

系统弹窗在部分系统(比如 鸿蒙 4.0以上)可能不支持顶部和居中展示。

uni.hideToast() @hidetoast

隐藏消息提示框。

<!-- UTSAPIJSON.hideToast.example -->

hideToast 兼容性

Web微信小程序AndroidiOSiOS uni-app x UTS 插件HarmonyOSHarmonyOS(Vapor)
4.04.413.914.114.114.615.0

参见

uni.showLoading(options) @showloading

显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。

showLoading 兼容性

Web微信小程序AndroidiOSiOS uni-app x UTS 插件HarmonyOSHarmonyOS(Vapor)
4.04.413.914.114.114.615.0

参数

名称类型必填默认值兼容性描述
optionsShowLoadingOptions-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -uni.showLoading参数定义

options 的属性描述

名称类型必备默认值兼容性描述
titlestring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -提示的内容,长度与 icon 取值有关。
maskboolean-Web: 4.0; 微信小程序: 4.41; Android: x; iOS: x; HarmonyOS: x是否显示透明蒙层,防止触摸穿透,默认:false
success(res: ShowLoadingSuccess) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.showLoading成功回调函数定义
fail(res: ShowLoadingFail) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.showLoading失败回调函数定义
complete(res: any) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.showLoading完成回调函数定义

ShowLoadingFail 的属性值 @showloadingfail-values

名称类型必备默认值兼容性描述
errCodenumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -uni.showLoading失败回调参数
errSubjectstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -统一错误主题(模块)名称
dataany-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -错误信息中包含的数据
causeError-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -源错误信息,可以包含多个错误,详见SourceError
errMsgstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -
<!-- UTSAPIJSON.showLoading.example -->

参见

uni.hideLoading() @hideloading

隐藏 loading 提示框。

参数

名称类型必填默认值兼容性描述
optionsHideLoadingOptions-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -uni.showLoading参数定义

options 的属性描述

名称类型必备默认值兼容性描述
loadingPageUniPage-Web: 4.0; 微信小程序: x; Android: x; iOS: x; iOS uni-app x UTS 插件: x; HarmonyOS 系统版本: 12; HarmonyOS: x期望隐藏的目标LoadingPage 如果为null 会关闭当前栈顶全部LoadingPage
success(res: HideLoadingSuccess) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.hideLoading成功回调函数定义
fail(res: HideLoadingFail) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.hideLoading失败回调函数定义
complete(res: any) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -uni.hideLoading完成回调函数定义
noConflictboolean-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -需要基础库: 2.22.1

目前 toast 和 loading 相关接口可以相互混用,此参数可用于取消混用特性 |

HideLoadingFail 的属性值 @hideloadingfail-values

名称类型必备默认值兼容性描述
errCodenumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -uni.showLoading失败回调参数
errSubjectstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -统一错误主题(模块)名称
dataany-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -错误信息中包含的数据
causeError-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -源错误信息,可以包含多个错误,详见SourceError
errMsgstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -
<!-- UTSAPIJSON.hideLoading.example -->

hideLoading 兼容性

Web微信小程序AndroidiOSiOS uni-app x UTS 插件HarmonyOSHarmonyOS(Vapor)
4.04.413.914.114.114.615.0

参见

uni.showModal(options) @showmodal

显示模态弹窗,可以只有一个确定按钮,也可以同时有确定和取消按钮。类似于一个API整合了 html 中:alert、confirm。

showModal 兼容性

Web微信小程序AndroidiOSiOS uni-app x UTS 插件HarmonyOSHarmonyOS(Vapor)
4.04.413.914.114.114.615.0

参数

名称类型必填默认值兼容性描述
optionsShowModalOptions-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -

options 的属性描述

名称类型必备默认值兼容性描述
titlestring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -提示的标题
contentstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -提示的内容
showCancelbooleantrue
是否显示取消按钮,默认为 trueWeb: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -
cancelTextstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -取消按钮的文字,默认为"取消"
cancelColorstring.ColorString-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -取消按钮的文字颜色,默认为"#000000"
confirmTextstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -确定按钮的文字,默认为"确定"
confirmColorstring.ColorString-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -确定按钮的文字颜色
editablebooleanfalseWeb: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -是否显示输入框
placeholderTextstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -显示输入框时的提示文本
success(result: UniShowModalResult) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -接口调用成功的回调函数
fail(result: ShowModalFail) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -接口调用失败的回调函数
complete(result: any) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -接口调用结束的回调函数(调用成功、失败都会执行)

UniShowModalResult 的属性值 @unishowmodalresult-values

名称类型必备默认值兼容性描述
contentstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -editable 为 true 时,用户输入的文本
cancelboolean-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -为 true 时,表示用户点击了取消(用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭)
confirmboolean-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -为 true 时,表示用户点击了确定按钮

ShowModalFail 的属性值 @showmodalfail-values

名称类型必备默认值兼容性描述
errCodenumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -
errSubjectstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -统一错误主题(模块)名称
dataany-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -错误信息中包含的数据
causeError-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -源错误信息,可以包含多个错误,详见SourceError
errMsgstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -

返回值

类型必备
UniPage
<!-- UTSAPIJSON.showModal.example -->

参见

uni.showActionSheet(options) @showactionsheet

从底部向上弹出操作菜单

showActionSheet 兼容性

Web微信小程序AndroidiOSiOS uni-app x UTS 插件HarmonyOSHarmonyOS(Vapor)
4.04.413.914.114.114.615.0

参数

名称类型必填默认值兼容性描述
optionsShowActionSheetOptions-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -uni.showActionSheet函数参数定义

options 的属性描述

名称类型必备默认值兼容性描述
titlestring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -菜单标题
alertTextstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -警示文案(仅微信小程序真机有效)
itemListArray<string>-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -按钮的文字数组
itemColorstring.ColorString-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -按钮的文字颜色,字符串格式
popoverPopover-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -大屏设备弹出原生选择按钮框的指示区域,默认居中显示
titleColorstring.ColorString-Web: 4.51; 微信小程序: x; Android: 4.51; iOS: 4.51; iOS uni-app x UTS 插件: 4.51; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0菜单标题文字颜色,字符串格式
cancelTextstring-Web: 4.51; 微信小程序: x; Android: 4.51; iOS: 4.51; iOS uni-app x UTS 插件: 4.51; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0取消按钮的文字,默认为"取消"
cancelColorstring.ColorString-Web: 4.51; 微信小程序: x; Android: 4.51; iOS: 4.51; iOS uni-app x UTS 插件: 4.51; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0取消按钮的文字颜色,字符串格式
backgroundColorstring.ColorString-Web: 4.51; 微信小程序: x; Android: 4.51; iOS: 4.51; iOS uni-app x UTS 插件: 4.51; HarmonyOS: 4.61; HarmonyOS(Vapor): 5.0弹框背景颜色
success(result: ShowActionSheetSuccess) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -接口调用成功的回调函数
fail(result: ShowActionSheetFail) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -接口调用失败的回调函数
complete(result: any) => void-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -接口调用结束的回调函数(调用成功、失败都会执行)
popover 的属性描述
名称类型必备默认值兼容性描述
topnumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -指示区域坐标,使用原生 navigationBar 时一般需要加上 navigationBar 的高度
leftnumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -指示区域坐标
widthnumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -指示区域宽度
heightnumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -指示区域高度

ShowActionSheetSuccess 的属性值 @showactionsheetsuccess-values

名称类型必备默认值兼容性描述
errMsgstring-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -
tapIndexnumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -

ShowActionSheetFail 的属性值 @showactionsheetfail-values

名称类型必备默认值兼容性描述
errCodenumber-Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: -showActionSheet 错误码
  • 4: 框架内部异常 | | errSubject | string | 是 | - | Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: - | 统一错误主题(模块)名称 | | data | any | 否 | - | Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: - | 错误信息中包含的数据 | | cause | Error | 否 | - | Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: - | 源错误信息,可以包含多个错误,详见SourceError | | errMsg | string | 是 | - | Web: -; 微信小程序: -; Android: -; iOS: -; HarmonyOS: - | |

itemList,即actionsheet的列表项,在app和小程序上最多6项,超出会报错。在web上超出不报错,列表区变为可滚动。

<!-- UTSAPIJSON.showActionSheet.example -->

参见

<!-- UTSAPIJSON.prompt.example -->

通用类型

GeneralCallbackResult

名称类型必备默认值兼容性描述
errMsgstring-Web: -; 微信小程序: 4.41; Android: -; iOS: -; HarmonyOS: -错误信息

Bug & Tips@tips

  • 目前web和App的弹窗UI风格不统一,后续会修复