kotlin 如何在喷气背包组合中实现这一点

des4xlb0  于 2023-03-09  发布在  Kotlin
关注(0)|答案(1)|浏览(182)

好吧,我一直想知道如何实现这个浮动的动作按钮或只是一个imageView的组成。
在XML中,我能够通过使用负边距(这不是要走的路)来重现这一点
但是整个屏幕已经由JetPack Compose完成,根视图是一个Column。
老实说,我不知道甚至不知道如何谷歌,这就是为什么我在这里得到的图像作为上下文。谢谢你提前。

roejwanj

roejwanj1#

你可以这样做👇

@Composable
fun TopAppBarScreen() {

    Box(modifier = Modifier.fillMaxSize()) {
        TopAppBar(
            elevation = 5.dp,
            backgroundColor = Color(0XFFF05E32)
        ) {
            IconButton(onClick = {}) {
                Icon(Icons.Default.ArrowBack, contentDescription = "", tint = Color.White)
            }
            Spacer(modifier = Modifier.width(10.dp))
            Text(text = "Menu Prefil", color = Color.White)
        }
        FloatingActionButton(
            onClick = {},
            backgroundColor = Color(0XFF4c8acc),
            modifier = Modifier
                .align(Alignment.TopEnd)
                .padding(end = 20.dp, top = 25.dp)
        ) {
            Icon(Icons.Default.ShoppingCart, contentDescription = "", tint = Color.White)
        }
    }

}

相关问题