快捷信息栏

信息条组件是一种简短的通知，显示在屏幕底部。它可提供有关操作或动作的反馈，而不会中断用户体验。信息栏会在几秒钟后消失。用户还可以通过执行操作（例如点按按钮）来关闭这些通知。

请考虑以下三种可能需要使用 snackbar 的情形：

  • 操作确认：用户删除电子邮件或消息后，系统会显示一个 snackbar 来确认操作并提供撤消选项。
  • 网络状态：当应用失去互联网连接时，系统会弹出一个 snackbar，提示应用现在处于离线状态。
  • 数据提交：成功提交表单或更新设置后，系统会显示一条 snackbar，指出更改已成功保存。
Snackbar 界面组件示例。
图 1. 信息条示例。

基本示例

如需实现 snackbar，请先创建 SnackbarHost，其中包含 SnackbarHostState 属性。SnackbarHostState 可提供对 showSnackbar() 函数的访问权限，您可以使用该函数来显示信息条。

该挂起函数需要 CoroutineScope（例如 rememberCoroutineScope 返回的），并可被调用以响应界面事件，从而在 Scaffold 中 显示 Snackbar。

val scope = rememberCoroutineScope()
val snackbarHostState = remember { SnackbarHostState() }
Scaffold(
    snackbarHost = {
        SnackbarHost(hostState = snackbarHostState)
    },