如何在Jetpack Compose中将按钮置于屏幕右上角？

在Jetpack Compose中，要把按钮定位到屏幕右上角，最直接的方式是借助Box布局配合对齐参数实现，以下是具体代码：

@Composable
fun TopRightButtonDemo() {
    // 以Box作为根布局，占满整个屏幕空间
    Box(modifier = Modifier.fillMaxSize()) {
        Button(
            onClick = { /* 此处编写按钮点击逻辑 */ },
            modifier = Modifier
                .align(Alignment.TopEnd) // 将按钮对齐到右上角
                .padding(16.dp) // 可选：添加边距避免按钮紧贴屏幕边缘
        ) {
            Text(text = "操作按钮")
        }
    }
}

核心参数说明： #

• Modifier.fillMaxSize()：让根布局Box占据屏幕全部可用空间，确保子组件的对齐参考系是整个屏幕。
• Alignment.TopEnd：指定按钮在Box内的对齐位置，TopEnd对应屏幕右上角区域。
• padding(16.dp)：可选配置，给按钮添加边距优化视觉体验，避免按钮直接贴靠屏幕边缘。

如果需要在右上角放置多个组件，可在Box内嵌套Row/Column，再通过Modifier.align(Alignment.TopEnd)控制整体位置。

内容的提问来源于stack exchange，提问作者Somesh Shukla