Compose Sonner: Compose Multiplatform 的一个toast 组件

Table of Contents

该库支持堆叠提示,不同类型,多种色彩,任意修改提示的位置,向下滑动关闭,显示关闭按钮和操作按钮自定义图标,设置最多堆叠数量

开始 #

新建一个项目打开build.gradle(.kts),添加依赖

implementation("io.github.dokar3:sonner:<VERSION>")

打开libs.versions.toml,添加:

sonner = { module = "io.github.dokar3:sonner", version = "<VERSION>" }

如果没有这个文件请在gradle目录下手动新建一个名为libs.versions.toml的文件,具体参考 Google开发者文档

实例 #

@Composable
fun ToastDemo() {
    val toaster = rememberToasterState()

    Button(onClick = {
        toaster.show(
            message = "Hello world!",
            type = ToastType.Normal,
        )
    }) {
        Text("Show a toast")
    }
    Toaster(state = toaster)
}

以上是一个简单的实例,在点击按钮后会在屏幕下方显示一个普通类型的Toast,或者修改type来修改不同的类型

Normal | Success | Info | Warning | Error