Граница формы круга Jetpack Compose не применяется должным образом

Вы можете получить границу на внешнем крае, перекрывая другой блок в форме круга, уменьшив .size() с Box в качестве родителя.

Box {
    Box(modifier = Modifier
            .size(200.dp)
            .clip(CircleShape)
            .background(Color.DarkGray)
    )
    Box(modifier = Modifier
            .align(Alignment.Center)
            .size(180.dp)
            .clip(CircleShape)
            .background(Color.Red)
    )
}

Подождем более удобного ответа :/

Это ожидаемое поведение — когда обрезка выполняется, некоторые краевые пиксели становятся полупрозрачными, чтобы фигура выглядела более естественно.

Поэтому, когда две одинаковые обрезанные фигуры перекрываются, эти полупрозрачные пиксели сливаются, и вы видите этот артефакт.

Возможное решение - немного отступить от внутреннего круга:

Box(
    modifier = Modifier
        .size(100.dp)
        .border(2.dp, Color.White, CircleShape)
        .padding(1.dp)
        .clip(CircleShape)
        .background(Color.DarkGray)
)