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



相关文章
|
8月前
|
Android开发 Kotlin 索引
Android Compose——ScrollableTabRow和LazyColumn同步滑动
Android Compose——ScrollableTabRow和LazyColumn同步滑动
344 0
|
8月前
|
移动开发 数据库 Android开发
不止 Android!Compose Multiplatform 来了
不止 Android!Compose Multiplatform 来了
280 0
|
Android开发
Android 快别用Toast了,来试试Snackbar
🔥 应用场景 🔥 源码 💥 Toast.setGravity() 💥 Toast.isSystemRenderedTextToast() 🔥 Toast 提供的方法 💥 Toast.setView() 源码 🔥 Snackbar 💥 代码实现 💥 效果 💥 工具类
1124 0
Android 快别用Toast了,来试试Snackbar
|
Android开发
Toast的基本使用
终于学习完Adapter类相关的一些控件,当然除了讲解的那几个,还有其他很多的相关的控件,就不慢慢讲解了~有需要的自行查阅文档,查看相关的用法,本节带来的是:Android用于提示信息的一个控件——Toast(吐司)!Toast是一种很方便的消息提示框,会在屏幕中显示一个消息提示框,没任何按钮,也不会获得焦点一段时间过后自动消失!非常常用!
7072 0
Toast的基本使用
|
Java API Android开发
快来学习 Compose 中的 “ViewPager” 吧
学习 Compose 中的 “ViewPager”
710 0
|
前端开发 Java Android开发
打造 Compose 版本的 Banner
打造 Compose 版本的 Banner
349 0
|
存储 缓存 PHP
Android | Compose状态管理
Android | Compose状态管理
|
开发工具 git
Compose中实现原生TabView+ViewPager的效果
Compose中实现原生TabView+ViewPager的效果
1416 0
Compose中实现原生TabView+ViewPager的效果
|
开发工具 Android开发 git
android Compose中ScrollableTabRow的使用
android Compose中ScrollableTabRow的使用
557 0
android Compose中ScrollableTabRow的使用