在喷气背包组合中绘制集装箱外部边界

我需要做一个圆角的容器,它有一个圆形,这样一半在容器外面,一半在里面。我用下面的代码实现了一个没有圆角的矩形

 Box(modifier = Modifier
    .fillMaxWidth()
    .height(100.dp)
    .padding(top = 20.dp)
    
    .background(ColorScheme.Quaternary.toColor().first)
    ) {
    Box(
        modifier = Modifier
            .layout { measurable, constraints ->
                // Measure the child
                val placeable = measurable.measure(constraints)

                // Set the width and height of the layout as measured
                layout(placeable.width, placeable.height) {
                    // Place the child such that half of it is outside the top boundary
                    placeable.place(0, -25.dp.roundToPx())  // Moves the circle up by 25dp
                }
            }
            .size(50.dp)
            .clip(CircleShape)
            .background(Color.Red)

    )
}

当我试图绕过容器时,红色圆圈也会被夹住

这是我在修改器上调用clip的代码(注意,我也尝试过在修改器更改的不同位置调用clip,但效果是一样的)

Box(modifier = Modifier
    .fillMaxWidth()
    .height(100.dp)
    .padding(top = 20.dp)
    .clip(RoundedCornerShape(10.dp))
    .background(ColorScheme.Quaternary.toColor().first)
    ) {
    Box(
        modifier = Modifier
            .layout { measurable, constraints ->
                // Measure the child
                val placeable = measurable.measure(constraints)

                // Set the width and height of the layout as measured
                layout(placeable.width, placeable.height) {
                    // Place the child such that half of it is outside the top boundary
                    placeable.place(0, -25.dp.roundToPx())  // Moves the circle up by 25dp
                }
            }
            .size(50.dp)
            .clip(CircleShape)
            .background(Color.Red)

    )
}

有什么想法吗?