Jetpack Compose中如何为Box内底部元素设置底部与左侧边距？

你需要给Box内的底部Row添加外边距，而非仅设置内部padding。当前代码里的.padding(5.dp)是给Row内部元素留空间，要让Row距离Box的左侧和底部有间距，得在Row的Modifier里，在align(Alignment.BottomStart)之后添加针对start和bottom的padding。

修改后的核心代码 #

Row(
    modifier = Modifier
        .border(1.dp, color = Color.Gray, shape = RoundedCornerShape(10.dp))
        .background(color = Color(35, 35, 35, 65))
        .align(Alignment.BottomStart)
        // 新增：设置与Box边缘的外边距，数值按需调整
        .padding(start = 12.dp, bottom = 12.dp)
        // 保留原来的内部元素padding
        .padding(5.dp)
) {
    // 内部元素代码不变
}

完整修改代码 #

Column {
    Row(modifier = Modifier.padding(horizontal = 32.dp)) {
        Text(text = "Stream", color = Color(255, 87, 34, 255))
        Text(text = "Everywhere", modifier = Modifier.padding(start = 5.dp))
    }
    Box(
        modifier = Modifier
            .fillMaxWidth()
            .height(160.dp)
            .padding(horizontal = 40.dp)
    ) {
        Image(
            painter = painterResource(id = R.drawable.main_movie),
            contentDescription = "Main Movie",
            modifier = Modifier
                .fillMaxSize()
                .clip(shape = RoundedCornerShape(20.dp)),
            contentScale = ContentScale.Crop
        )
        Row(
            modifier = Modifier
                .border(1.dp, color = Color.Gray, shape = RoundedCornerShape(10.dp))
                .background(color = Color(35, 35, 35, 65))
                .align(Alignment.BottomStart)
                .padding(start = 12.dp, bottom = 12.dp)
                .padding(5.dp)
        ) {
            Image(
                painter = painterResource(id = R.drawable.play_ic),
                contentDescription = "play_ic",
                modifier = Modifier.size(30.dp)
                    .padding(5.dp)
                    .align(Alignment.CenterVertically)
            )
            Column(modifier = Modifier.padding(5.dp)) {
                Text(text = "Continue Watching", color = Color.Gray, fontSize = 10.sp)
                Text(text = "Ready Player one", color = Color.White, fontSize = 10.sp)
            }
        }
    }
}

为什么之前的方法无效？ #

Compose修饰符执行顺序是从后往前：align先确定Row在Box内的位置，之后的padding会让Row整体往右上偏移，从而实现与Box边缘的间距。之前你添加的padding要么是内部元素的，要么是在align之前设置，会导致对齐位置被padding干扰，所以达不到预期效果。你可以根据需求调整start和bottom的数值，直到符合视觉要求。

内容的提问来源于stack exchange，提问作者Murad Axundov