微信小程序 showToast 真机下一闪而过的解决办法（超全）

最新推荐文章于 2023-11-20 17:31:42 发布

super_wanan

最新推荐文章于 2023-11-20 17:31:42 发布

阅读量6k

点赞数 10

分类专栏：微信小程序文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43867717/article/details/108375055

版权

本文详细分析了微信小程序中使用wx.showToast()时在真机上可能出现的一闪而过的问题，包括原因及两种解决方案：一是确保showToast在hideLoading后执行，二是延迟调用navigateBack或navigateTo直到showToast完成。通过这些方法，可以有效避免消息提示框显示不正常的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wx.showToast()

前言

场景一：
请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息，调用 wx.showToast(),在模拟器上正常显示，但是在真机上会出现提示信息闪烁一下立马消失。

场景二:
wx.showToast显示后跳转页面，此时基本没显示（一闪而过），直接跳转。

一、wx.showToast()调用方式

wx.showToast(Object object)显示消息提示框

参数	说明
title	提示的内容
icon	图标
image	自定义图标路径，image优先级高于icon
duration	提示的延迟时间
mask	是否显示透明蒙层，防止触摸穿透
success	接口调用成功的回调函数
fail	接口调用结束的回调函数（调用成功、失败都会执行）
complete	接口调用结束的回调函数（调用成功、失败都会执行）

object.icon 的合法值

值	说明
success	显示成功图标，此时 title 文本最多显示 7 个汉字长度
loading	显示加载图标，此时 title 文本最多显示 7 个汉字长度
none	不显示图标，此时 title 文本最多可显示两行，1.9.0及以上版本支持