我有 comments 框,需要把图标放在特定的位置(右下角).我需要做一些像绝对位置的东西,我的图标按钮需要在 comments 框的右下方.这是我试图实现的形象.有什么帮助或 idea 吗?

enter image description here

推荐答案

把你的图标放在BoxModifier.align(Alignment.BottomEnd)之间,然后用Modifier.offset{}就可以了

@Composable
private fun Test() {
    Column(modifier = Modifier.padding(10.dp)) {
        Box(
            modifier = Modifier
                .width(200.dp)
                .background(Color.LightGray.copy(alpha = .5f), RoundedCornerShape(8.dp))
                .padding(4.dp)
        ) {
            Column(
                modifier = Modifier.fillMaxWidth()

            ) {
                Text("Title", fontSize = 20.sp)
                Text("Comment")
            }

            val offsetInPx = with(LocalDensity.current) {
                16.dp.roundToPx()
            }

            Icon(
                imageVector = Icons.Default.Settings,
                contentDescription = null,
                modifier = Modifier
                    .offset {
                        IntOffset(-offsetInPx, offsetInPx)
                    }
                    .shadow(2.dp, RoundedCornerShape(40))
                    .background(Color.White)
                    .padding(horizontal = 10.dp, vertical = 4.dp)
                    .size(30.dp)
                    .align(Alignment.BottomEnd),
                tint = Color.LightGray

            )
        }
        Spacer(modifier = Modifier.height(4.dp))
        Text("Reply", color = Color.Blue)
    }
}

enter image description here

Android相关问答推荐

有没有办法知道每台安卓设备上的通知限制?

滚动屏幕时更改按钮外观

如何消除脚手架和顶杆(material 3)更改 colored颜色 时的延迟?

如何使用Jetpack Compose实现此底表?

如何将Unicode符号作为文本居中放置在布局中的按钮(Android XML)中?

在内部创建匿名对象的繁忙循环调用函数会产生开销吗?

在Jetpack Compose中实现自动换行

返回并再次打开webview时webview无法打开相机

在单元测试下断言协程未完成

在 Jetpack Compose 中对齐行项目

React-native 3D对象渲染

从活动共享视图模型以使用 hilt 组合函数

如何只允许拖动 BottomSheetScaffold 中 BottomContent 的 SheetPeek 的一部分?

如何解决 compose 中material 图标的由于接收器类型不匹配,以下候选者都不适用

如何在 Android 应用程序未激活/未聚焦时显示视图?

我的观点在jetpack compose中相互重叠

为什么我不能直接记住 mutableStateOf 可组合函数?

如何对齐文本和图标可组合,以便即使在文本溢出后它们也能保持在一起?

如何在 Dolphin 中启用 android studio new logcat | 2021.3.1 金丝雀 6?

我的 react native 项目的发布签名 apk 没有在设备中打开,而且它创建的尺寸非常小