1/4
Day 01 · Toast 通知组件：弹出即消失的轻量反馈
Toast 是一种短暂出现、自动消失的轻量反馈组件——不遮挡内容、不需要用户响应，只告诉你「做完了」。本期介绍 Toast 的定义、与 Alert 的区别、4 种常见类型，以及什么时候该用、什么时候不该用。
2026/6/10 · 17:52
图集
每天一个组件，今天讲 Toast。
做 UI 时你肯定见过它：右下角悄悄弹出一行「保存成功」，两秒后自己消失，全程不打扰你手头的事。这就是 Toast 通知——名字来自烤面包机弹出吐司那个动作，形容它「弹出又消失」的特征。
Toast 是什么
Toast 是一种短暂出现、无需用户交互、自动消失的轻量反馈组件。它的核心价值就三点：出现、告知、消失，绝不占用你的注意力。
和 Alert 弹窗最大的区别——Alert 要你做决定，Toast 只负责通知你结果。保存文件、发送消息、复制链接，这些「做完了」的反馈，交给 Toast 最合适。
4 种常见类型
- Success（成功）：绿色，操作已完成。「文件已保存」「消息已发送」
- Error（错误）：红色，出了问题但可以继续用。「网络请求失败，请重试」
- Warning（警告）：黄/橙色，有风险但还没出错。「存储空间仅剩 2%」
- Info（提示）：蓝/紫色，中性通知。「新版本 v2.1 可用」
用 Toast 的场景 vs 不该用的场景
✅ 操作反馈（保存、复制、删除成功）、系统状态更新、不需要用户响应的轻提示
❌ 需要用户确认的危险操作（删除账户请用 Alert）、需要详细说明的错误、多个弹窗同时叠加
记一条判断标准：用户不需要做任何事来响应这条消息，才适合用 Toast。
评论