Compose中Snacker的使用(实现Toast的效果)

简介: Compose中Snacker的使用(实现Toast的效果)

代码


val scope = rememberCoroutineScope()
    val scaffoldState = rememberScaffoldState()
    Scaffold(snackbarHost = {
        SnackbarHost(hostState = it) { data ->
//            Snackbar(
//                snackbarData = data,
//                backgroundColor = Color.Green,
//                contentColor = Color.White,
//                shape = CutCornerShape(10.dp)
//            )
            Box(modifier = Modifier.fillMaxWidth(), contentAlignment = Alignment.Center) {
                Snackbar(
                    modifier = Modifier
                        .width(200.dp)
                        .height(50.dp)
                ) {
                    Row(Modifier.fillMaxSize(), verticalAlignment = Alignment.CenterVertically) {
                        Icon(
                            imageVector = Icons.Default.Favorite,
                            contentDescription = "",
                            tint = Color.White
                        )
                        Text(
                            text = data.message,
                            modifier = Modifier.padding(start = 10.dp),
                            style = TextStyle(color = Color.White, fontSize = 20.sp)
                        )
                    }
                }
            }
        }
    },
        scaffoldState = scaffoldState,
        bottomBar = {
            BottomAppBar(backgroundColor = Color.Red) {
                Row(
                    modifier = Modifier.fillMaxWidth(),
                    horizontalArrangement = Arrangement.SpaceAround
                ) {
                    Text(text = "苹果", color = Color.White)
                    Text(text = "香蕉", color = Color.White)
                    Text(text = "大鸭梨", color = Color.White)
                }
            }
        }
    ) {
        Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
            Button(onClick = {
                Trace.beginSection("")
                trace("") {
                    (0..30).forEach {
                        println("index:$it")
                    }
                }
                scope.launch {
                    scaffoldState.snackbarHostState.showSnackbar(
                        "哈哈哈哈",
                        duration = SnackbarDuration.Short
                    )
                }
            }) {
                Text(text = "展示Toast")
            }
        }
    }
复制代码


效果

image.png



相关文章
|
12月前
|
存储 算法 Android开发
Jetpack-Compose 学习笔记(三)—— Compose 的自定义“View”(下)
Jetpack-Compose 学习笔记(三)—— Compose 的自定义“View”(下)
101 0
|
12月前
|
算法 Android开发 开发者
Jetpack-Compose 学习笔记(三)—— Compose 的自定义“View”(上)
Jetpack-Compose 学习笔记(三)—— Compose 的自定义“View”(上)
177 0
|
5月前
|
Android开发 Kotlin 索引
Android Compose——ScrollableTabRow和LazyColumn同步滑动
Android Compose——ScrollableTabRow和LazyColumn同步滑动
237 0
|
5月前
|
移动开发 数据库 Android开发
不止 Android!Compose Multiplatform 来了
不止 Android!Compose Multiplatform 来了
197 0
|
Android开发
Android 快别用Toast了,来试试Snackbar
🔥 应用场景 🔥 源码 💥 Toast.setGravity() 💥 Toast.isSystemRenderedTextToast() 🔥 Toast 提供的方法 💥 Toast.setView() 源码 🔥 Snackbar 💥 代码实现 💥 效果 💥 工具类
1067 0
Android 快别用Toast了,来试试Snackbar
|
Java API Android开发
快来学习 Compose 中的 “ViewPager” 吧
学习 Compose 中的 “ViewPager”
658 0
快来学习 Compose 中的 “ViewPager” 吧
|
Android开发
android中的提示信息显示方法(toast应用)
android中的提示信息显示方法(toast应用)
252 1
|
存储 缓存 PHP
Android | Compose状态管理
Android | Compose状态管理
|
开发工具 git
Compose中实现原生TabView+ViewPager的效果
Compose中实现原生TabView+ViewPager的效果
1333 0
Compose中实现原生TabView+ViewPager的效果
|
开发工具 Android开发 git
android Compose中ScrollableTabRow的使用
android Compose中ScrollableTabRow的使用
528 0
android Compose中ScrollableTabRow的使用