Jetpack Compose预览与AVD运行时视图位置及阴影显示不一致

1. 布局位置差异（AVD中视图居顶，预览居中） #

你的Box组件未添加fillMaxSize()修饰符，导致它的尺寸仅包裹子内容而非占满整个屏幕。contentAlignment = Alignment.Center仅能让子组件在Box自身范围内居中，而非屏幕居中。预览因环境默认表现出居中效果，但AVD中Box仅占内容大小，所以子组件显示在顶部。

修复方案：给Box添加Modifier.fillMaxSize()：

Box(
    modifier = Modifier.fillMaxSize(), // 新增该行，让Box占满屏幕
    contentAlignment = Alignment.Center
) {
    // 子组件内容
}

2. 阴影效果预览与AVD不符 #

问题1：Modifier顺序错误 #

Compose的Modifier执行顺序是从后往前，你当前将shadow()放在background()之后，导致背景会覆盖阴影，无法正常显示。正确顺序应为先设置shadow()，再设置background()，让阴影绘制在背景外围。

问题2：阴影颜色设置不合理 #

深色模式下你设置ambientColor = Color.Black，与背景色完全一致，阴影直接被隐藏；浅色模式下ambientColor = Color.White也和背景色冲突，阴影无法显现。

修复方案：
调整Modifier顺序，修正阴影颜色，并适当提高阴影高度让效果更明显：

Column(
    verticalArrangement = Arrangement.spacedBy(10.dp),
    modifier = Modifier
        .padding(30.dp, 0.dp)
        .shadow( // 将shadow移至background之前
            elevation = 8.dp, // 提高阴影高度，让效果更清晰
            shape = RoundedCornerShape(15.dp),
            ambientColor = if (isSystemInDarkTheme()) Color.DarkGray else Color.LightGray,
            spotColor = if (isSystemInDarkTheme()) Color.White else Color.Gray
        )
        .background(
            shape = RoundedCornerShape(15.dp),
            color = if (isSystemInDarkTheme()) Color.Black else Color.White
        )
        .padding(30.dp, 25.dp),
) {
    // 子组件内容
}

修正后的完整AlertView代码 #

@Composable
fun AlertView(alertViewModel: AlertViewModel = viewModel()) {

    Box(
        modifier = Modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Column(
            verticalArrangement = Arrangement.spacedBy(10.dp),
            modifier = Modifier
                .padding(30.dp, 0.dp)
                .shadow(
                    elevation = 8.dp,
                    shape = RoundedCornerShape(15.dp),
                    ambientColor = if (isSystemInDarkTheme()) Color.DarkGray else Color.LightGray,
                    spotColor = if (isSystemInDarkTheme()) Color.White else Color.Gray
                )
                .background(
                    shape = RoundedCornerShape(15.dp),
                    color = if (isSystemInDarkTheme()) Color.Black else Color.White
                )
                .padding(30.dp, 25.dp),
        ) {
            Row(
                verticalAlignment = Alignment.CenterVertically,
                horizontalArrangement = Arrangement.spacedBy(20.dp)
            ) {
                Icon(
                    imageVector = alertViewModel.alertIcon,
                    contentDescription = null,
                    tint = if (isSystemInDarkTheme()) Color.White else Color.Black,
                )

                Text(
                    text = alertViewModel.alertTitle,
                    style = TextStyle(
                        fontSize = 20.sp,
                        fontWeight = FontWeight.SemiBold,
                        color = if (isSystemInDarkTheme()) Color.White else Color.Black
                    )
                )
            }

            Column(
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.spacedBy(25.dp),
            ) {
                Text(
                    text = alertViewModel.alertMessage,
                    color = if (isSystemInDarkTheme()) Color.White else Color.Black
                )

                Button(
                    onClick = {
                        alertViewModel.showAlert = false
                    },
                    colors = ButtonDefaults.buttonColors(
                        backgroundColor = if (isSystemInDarkTheme()) Color.White else Color.Black
                    ),
                    shape = RoundedCornerShape(15.dp),
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(horizontal = 10.dp),
                    contentPadding = PaddingValues(15.dp),
                ) {
                    Text(
                        text = alertViewModel.alertButtonText,
                        fontWeight = FontWeight.Bold,
                        color = if (isSystemInDarkTheme()) Color.Black else Color.White
                    )
                }
            }
        }
    }
}

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