我有 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相关问答推荐

Jetpack编写Lazy列滑动删除动画不顺利结束

Jetpack Compose中的导航找不到NavHost类的名称为:startDestination";的参数

使用lazyColumn迁移paging3的旧代码

kotlin中&&和and的区别

使用不同的gradle文件导入外部库

相机2问题:设置AE区域、AF区域和AWB区域.

在 Android 房间迁移中获取上下文

如何以编程方式通过 whatsapp android 共享图像和文本

Android apk 不工作

无法找到方法 ''java.io.File > org.jetbrains.kotlin.gradle.tasks.KotlinCompile.getDestinationDir()

未解决的参考:pagerTabIndicatorOffset

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

根据 Jetpack Compose 中的生命周期正确处理变量/函数

如何在 BottomBar jetpack compose 中删除选定的椭圆项目 colored颜色

Compose Accompaniist Pager 中的 TabRow/Tab 重组问题

如何限制键盘输入键不允许在下一行输入(Android Jetpack Compose 中的 TextField)

运行一次 kotlin 流,但在下游收到两次

Android - 水平(从右到左)圆形背景 colored颜色 过渡

如果我在网络请求中指定它们是否与判断网络功能相关

Android Studio 的项目 gradle 文件改变了?