Toast 轻提示

/TOHST/ · noun · 反馈类模式 · #062

弹出来说一句话就自己离开的轻确认。永远别把需要用户处理的事放进 Toast 里。

Toast(轻提示) UI 模式示例:CatchUI 图鉴标本

别名:Toast提示、Toast弹窗。

你可能会这样叫它

  • “自己消失的提示”
  • “操作成功后的小弹窗”
  • “屏幕底部一闪而过的提示”
  • “带“撤销”的提示条”
  • “安卓的 Toast 提示”

……它的名字是 轻提示(Toast)。

常见问题

Toast 和 Snackbar 有什么区别?

两者都是说一句话就自己消失的轻提示。Snackbar(Material Design)出现在 App 自身布局的底部,可以带一个操作按钮(比如"撤销"),也能滑动关掉;Toast 只是一行纯文字,没有操作。安卓官方文档建议:App 在前台时优先用 Snackbar 而不是 Toast。

Toast 提示和弹窗的区别是什么?

Toast(轻提示)自己出现、说一句话、自己消失,不打断操作;弹窗(模态对话框)会挡住页面、要求先回应。需要用户处理的内容永远不该放进 Toast。

代码里叫什么

Android (Views)Toast Snackbar
Jetpack ComposeSnackbarHost SnackbarHostState.showSnackbar()
FlutterSnackBar ScaffoldMessenger.showSnackBar()
iOS (SwiftUI / UIKit) 没有系统自带的 Toast,一般自己做一个浮层
Web (HTML / ARIA)role="status" aria-live="polite"

复制给 AI 编程工具

加一个 Toast 轻提示:操作成功后,在屏幕底部附近显示一行确认文字(例如“已保存”)。它不能挡住页面,约 4 秒后自动消失,并要让读屏软件播报(role="status")。不要放任何需要用户处理的内容;如果需要“撤销”按钮,改用 Snackbar。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)