Jetpack Compose如何让宽图填充父布局高度并靠右溢出显示

需要将一张超宽图片（通过URL加载，无法直接设置为View背景）作为Compose组件的背景，要求：

• 图片贴合父布局的顶部、底部和右侧，左侧超出屏幕显示
• 支持文本缩放时，图片和容器高度动态适配

当前使用ConstraintLayout的实现未达到预期效果，代码如下：

@Composable
fun TestWide2() {
ConstraintLayout(
    modifier = Modifier
        .fillMaxWidth()
        .wrapContentHeight()
        .background(color = colorResource(id = R.color.at_blue_transparent))
) {
    val (image, content) = createRefs()
    Image(
        modifier = Modifier
            .background(color = colorResource(id = R.color.at_white))
            .fillMaxWidth()
            .wrapContentHeight()
            .constrainAs(image) {
                top.linkTo(parent.top)
                end.linkTo(parent.end)
                bottom.linkTo(parent.bottom)
            },
        painter = painterResource(id = R.drawable.at_test_wide_small),
        contentDescription = null,
        contentScale = ContentScale.FillHeight,
        alignment = Alignment.CenterEnd
    )
    Column(
        modifier = Modifier
            .constrainAs(content) {
                top.linkTo(parent.top)
                start.linkTo(parent.start)
                bottom.linkTo(parent.bottom)
            }
            .fillMaxWidth()
            .wrapContentHeight()
            .padding(horizontal = 12.dp)
            .padding(bottom = 5.dp, top = 3.dp)
    ) {
        Text(
            text = "Some text with unpredictable length placed on the left side of the screen",
            modifier = Modifier
                .fillMaxWidth()
                .wrapContentHeight()
                .padding(end = 100.dp, bottom = 2.dp),
        )
        CtaButton(
            modifier = Modifier
                .fillMaxWidth(0.85f)
                .wrapContentHeight()
                .padding(
                    end = 130.dp,
                    top = 20.dp
                ),
            elevation = 0.dp,
            text = "Button",
            onPressed = {  },
            fontSize = 18.sp
        )
    }
}
}

当前效果：图片被压缩至屏幕宽度范围内，左侧未超出屏幕，无法同时实现右侧贴合和高度适配。
期望效果：图片右侧对齐父布局，上下完全填满容器高度，左侧自然超出屏幕；容器高度随内部文本内容动态变化，文本缩放时高度自动适配。

使用Box组件配合合适的布局参数和缩放规则，让背景图片跟随内容高度自适应，同时保持右侧对齐、左侧超出屏幕的效果：

@Composable
fun TestWide2() {
    Box(
        modifier = Modifier
            .fillMaxWidth()
            .wrapContentHeight()
            .background(color = colorResource(id = R.color.at_blue_transparent))
    ) {
        // 背景图片：匹配容器高度，宽度按比例缩放（超出屏幕），右侧对齐
        Image(
            painter = painterResource(id = R.drawable.at_test_wide_small),
            contentDescription = null,
            modifier = Modifier
                .matchParentSize() // 匹配Box的尺寸，允许宽度超出屏幕
                .align(Alignment.TopEnd), // 固定右侧对齐
            contentScale = ContentScale.FillHeight, // 高度填满容器，宽度自适应比例
            alignment = Alignment.TopEnd
        )

        // 前景内容：决定容器的高度，文本缩放时自动调整
        Column(
            modifier = Modifier
                .fillMaxWidth()
                .wrapContentHeight()
                .padding(horizontal = 12.dp, top = 3.dp, bottom = 5.dp)
        ) {
            Text(
                text = "Some text with unpredictable length placed on the left side of the screen",
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(end = 100.dp, bottom = 2.dp)
            )
            CtaButton(
                modifier = Modifier
                    .fillMaxWidth(0.85f)
                    .padding(end = 130.dp, top = 20.dp),
                elevation = 0.dp,
                text = "Button",
                onPressed = {},
                fontSize = 18.sp
            )
        }
    }
}

1. 容器选择：Box天然适合处理层叠布局，前景内容决定容器高度，背景图片自动匹配该高度
2. 图片适配：
   • matchParentSize()让图片尺寸匹配容器，但不限制宽度，允许超出屏幕
   • ContentScale.FillHeight确保图片高度填满容器，宽度按原比例缩放，避免被压缩到屏幕宽度内
   • Alignment.TopEnd固定图片右侧对齐容器，左侧自然超出屏幕
3. 动态高度适配：前景Column使用wrapContentHeight()，文本缩放时高度自动变化，Box和背景图片同步适配该高度

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