如何将按钮放在jetpack compose的右上角

Question

我不知道如何在 jetpack compose 中将按钮放在屏幕右上角。请帮我编写代码吗？

我已添加按钮，但它显示在屏幕中央

Answer 1

你能试试这个吗？

@Composable
fun MyScreen() {
    Box(
        modifier = Modifier.fillMaxSize()
    ){
        Button(
            modifier = Modifier.align(Alignment.TopEnd),
            onClick = {}
        ) {
            Text("A Button")
        }
    }
}

Answer 2

Box(){
            IconButton(
                onClick = { /* Handle settings button click */ },
                modifier = Modifier
                    .padding(9.dp)
            ) {
                Icon(
                    imageVector = Icons.Default.Settings,
                    contentDescription = "Settings"
                )
            }

        }