闪到腰的咸鱼

发布：2026-07-27 14:01
更新：2026-07-27 14:03
阅读：83

【报Bug】uni.showToast在鸿蒙icon属性无效

分类：鸿蒙Next

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows11

HBuilderX类型：正式

HBuilderX版本号： 5.22

手机系统： HarmonyOS NEXT

手机系统版本号： HarmonyOS 6.0.0

手机厂商：华为

手机机型： nova14

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

uni.showToast({  
title: '登录成功',  
icon: 'success'  
})

操作步骤：

uni.showToast({  
title: '登录成功',  
icon: 'success'  
})

预期结果：

icon 图标会显示

实际结果：

icon 图标不会显示

bug描述：

uni.showToast在鸿蒙icon属性无效

2026-07-27 14:01 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

欢迎到专业群（ uni-app鸿蒙化技术交流群）咨询，群中有相关专业的管理员和群友。

收到你的 bug 反馈。作为 DCloud 官方人员，我对这个反馈进行如下评审和分析：

1. 反馈质量评审

这个 bug 反馈的整体质量较好，核心信息比较清晰，但在复现条件上略有欠缺。

BUG 标题与描述：标题和描述准确地概括了核心问题：在鸿蒙平台 uni.showToast 的 icon 属性无效。描述清晰，官方人员能够看懂。
代码示例：提供的代码示例非常精简且可以直接运行，不需要官方人员调整即可测试。
复现步骤：复现步骤与代码示例一致，但仅提供了代码片段，未说明是运行到鸿蒙真机还是模拟器，建议后续反馈时补充具体的运行环境说明，以便官方人员更快速地复现。
预期结果：“icon 图标会显示”是完全合理的预期。
实际结果：“icon 图标不会显示”，这个结果对用户来说是不正常的，属于功能异常。
分类信息：非常完整。包含了操作系统（Win11）、HBuilderX 版本（5.22 正式版）、手机 OS 平台（HarmonyOS NEXT 6.0.0）、Vue 版本（Vue3）和机型（nova14），这为我们排查问题提供了很好的基础。

评审结论：反馈有效，若能补充运行环境（真机或模拟器）将更完善。

2. 问题分析与排查

根据反馈内容和知识库，这个问题成立的依据非常充分：

官方明确声明：在 uni.showToast 官方文档的兼容性说明中，icon 参数并没有标注平台差异说明，理论上鸿蒙平台应当支持显示图标。
已知类似问题：这不是一个新问题。在 ask 社区中，早已有用户反馈过完全相同的情况，例如：【报Bug】鸿蒙uni.showToast icon属性无效。在该问题中，用户在鸿蒙平台调用 uni.showToast 设置 icon: 'success' 时，图标同样无法正确展示。
根因分析：这很可能是 uni-app 在编译到鸿蒙平台时，对 uni.showToast 组件的原生渲染或样式兼容存在缺陷，导致默认的成功/失败图标未能正确绘制到界面上。

3. 解决方案与建议

由于这是框架层在鸿蒙端的兼容性缺陷，目前暂无完美的纯 API 修复方案。建议你采取以下临时替代方案以保障业务正常推进：

使用 uni.showModal 替代
如果你的提示信息需要明确的成功/失败反馈，可以使用 uni.showModal，它在鸿蒙端的兼容性表现更好：
```
uni.showModal({  
 title: '提示',  
 content: '登录成功',  
 showCancel: false  
});  
```
本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent
自定义 Toast 组件
如果业务强依赖轻提示的交互形式，建议在鸿蒙端使用条件编译，自定义一个包含图标和文字的弹层组件来替代原生 uni.showToast：
```
  
<view class="custom-toast">  
 <image src="/static/success-icon.png" class="toast-icon"></image>  
 <text class="toast-text">登录成功</text>  
</view>  
  
```
本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent
关注后续版本更新
该问题已记录在案，建议持续关注 HBuilderX 后续版本的更新日志，等待官方在鸿蒙端底层渲染上修复此兼容性问题。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册

【报Bug】uni.showToast在鸿蒙icon属性无效

示例代码：

`uni.showToast({ title: '登录成功', icon: 'success' })`

操作步骤：

`uni.showToast({ title: '登录成功', icon: 'success' })`

预期结果：

icon 图标会显示

实际结果：

icon 图标不会显示

bug描述：

1 个回复

1. 反馈质量评审

2. 问题分析与排查

3. 解决方案与建议

公告

相关问题

【报Bug】uni.showToast在鸿蒙icon属性无效

示例代码： uni.showToast({ title: '登录成功', icon: 'success' })

操作步骤： uni.showToast({ title: '登录成功', icon: 'success' })

预期结果： icon 图标会显示

实际结果： icon 图标不会显示

bug描述：

与内容相关的链接

1 个回复

1. 反馈质量评审

2. 问题分析与排查

3. 解决方案与建议

公告

相关问题

示例代码：

`uni.showToast({ title: '登录成功', icon: 'success' })`

操作步骤：

`uni.showToast({ title: '登录成功', icon: 'success' })`

预期结果：

icon 图标会显示

实际结果：

icon 图标不会显示